export const PrintStyleFunction = (printStyle, PrintFrom) => {
  // #1  
  const style1 = `<style> 
     

  @media print {
    body { 
      // font-family: "Poppins", sans-serif;
      font-family:'Courier New', Courier, monospace; 
      font-size:13px;
    }
  }

.PrintStyle1MasterDiv {
    color: #000; 
    line-height: normal;  
    font-size:10px; 
  }


  @media print {
  .header {
    position: static !important;
    top: auto !important;
  }
  .print-chunk.print-page-break {
    page-break-before: always;
      break-before: page;
  }
  .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 
}


  .PrintStyle1-print {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    background-color: #f3f3f3;
    text-align: center;
  }
  

 
  
  .PrintStyle1-print-dottline {
    border-top: 1px dashed rgb(0, 0, 0);
  }
  
  .PrintStyle1-print-ordr-dtls{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0 0.5rem; 
      font-size:12px; 
  }
  
   
  
  .PrintStyle1-print-prddtls{
      display: flex; 
      justify-content: space-between;   
      width:100vw  
  }
  
   
  .PrintStyle1-print-tableMaster{
    display: flex;
    justify-content:center ; 
    // transform:scale(0.71);
  }
  
  .PrintStyle1-print-table { 
      width: 96%;
      border-collapse: collapse;
      margin:0px 0.5rem;  
      padding:0px 1px;   
      margin-bottom: 10px; 

      //  
      // margin-left:-6px;   
  }
  
  .PrintStyle1-print-table th, .PrintStyle1-print-table td {
    border: 1px solid #000;
    padding:2px 0.5px;
    border-collapse: collapse; 
    font-size: 12px;
    font-weight:600;
  }
  
  .PrintStyle1-print-table th {
    background-color: #f2f2f2;
    margin:5px 5px;
    font-size: auto;
    font-weight:600;
  }
  
  .PrintStyle1-print-prddtls td {
    font-weight: normal;
  }
  
  
  .PrintStyle1-print-ttlovrl{
    display: flex;
    justify-content:flex-end;
    padding: 0 21rem;
  
  }
  
  .PrintStyle1-print-prdttl{
    display: flex; 
    flex-direction:row;
    column-gap: 2rem;
  }
  
  .PrintStyle1-print-prdttl-amt{
    text-align: right;
  }
  
  .PrintStyle1-print-xtradtls{
    display: flex; 
    flex-direction: row;
    padding: 0 0.5rem;
    gap: 1rem;
    justify-content: start;
    align-items: center; 
    text-align: left;
    
  }
   
  .PrintStyle1-print-cusdottline{
    border-bottom : #000 dashed 1px;
    width: 140px;
    height: 20px;
  }
   
  
  .PrintStyle-signdiv{
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 0 0.5rem;
    gap: 0.5rem;
    justify-content: center;  
  
    .PrintStyle1-print-imp{
      font-size:12px;
    }
    .PrintStyle1-print-cusdottline{
      border-bottom : #000 dashed 1px;
      width: 200px;
      height: 20px;
    }
  
  }
  
  .PrintStyle1-print-strdtlss{
    display: flex;
    justify-content:start;
    flex-direction:row;
    padding: 0 0.5rem; 
    gap: 1rem;
  }
  
  
  .PrintStyle1-print-stradrs{
    text-align: center; 
    padding: 0 0.5rem;
  
  }
  
  .PrintStyle1-print-ftr{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
  }
    /* ------------------------ */
/* 🔥 Thermal Print Styling (wrap items + auto-shrink numbers) */
/* ------------------------ */
@media print and (max-width: 80mm) {
  .PrintStyle1-print-table { 
     width: 96%;
      border-collapse: collapse;
      margin:0px 0.5rem;  
      padding:0px 1px;   
      margin-bottom: 10px; 
      table-layout: auto !important;
  }


  .PrintStyle1-print-table th,
  .PrintStyle1-print-table td {
    border: 1px solid #000 !important;
    padding: 1px 2px !important;
    font-size: 9px !important;
    vertical-align: top;
  }
  /* Clean up header */
  .PrintStyle1-print-table th {
    background: transparent !important;
  }
    /* Prevent wrapping for payment summary lines */
.PrintStyle1-payment-line,
.PrintStyle1-payment-line * {
  white-space: nowrap !important;
}

/* Make sure spacing and alignment look good */
.PrintStyle1-payment-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 9px !important;
  line-height: 1.2;
}
}
    </style>`;
  // #1  
  // #2  
  const style2 = `<style> 

 @media print {
  .header {
    position: static !important;
    top: auto !important;
  }
  .print-chunk.print-page-break {
    page-break-before: always;
    break-before: page;

  }
      .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

}
  @media print {
    body {  
      font-family:'Courier New', Courier, monospace; 
      font-size:13px;
    }

 .PrintStyle2MasterDiv {
     color: #000;
    //  font-family: 'Inconsolata', monospace;
    //  font-family: "Podkova";
    font-family:'Courier New', Courier, monospace; 
     line-height: normal; 
   }

  .PrintStyle2-BrandImage
  {
  width: 87px;
  height: 87px;
  }
  .PrintStyle2-fistDiv
  {
  display: flex;
  flex-direction: row;

  align-items: center;
  justify-content: center;
  //  gap: 1rem;
  }
  .PrintStyle2-SecondDivMaster
  {
  width: 100%;
  display: flex; 
  flex-direction: row; 
  padding: 0rem 0.2rem;
  justify-content: space-between;
  }
  .PrintStyle2-SecondDiv
  {
  display: flex;
  flex-direction: column;
  font-size:10px;
  }
  .PrintStyle2-SecondP
  {
  display: flex;
  flex-direction: row;
  gap: 1rem; 
  font-size:10px;
  }

 .PrintStyle2-print-tableMaster{
  //  transform: scale(0.90);
    display: flex;
    justify-content:center ; 
    flex-direction:column;
 }

 .PrintStyle2-print-table {
//  width: 100vw;
//  border-collapse: collapse;
//  margin-bottom: 10px; 
//  margin-left:-14px;  


    width: 94%;
    border-collapse: collapse;
    margin:0px 0.5rem;  
    padding:0px 1px;   
    margin-bottom: 10px; 


 }

 .PrintStyle2-print-table th, .PrintStyle2-print-table td {
    // border: 1px solid #000;
    // padding: 2px 0.5px;
    // font-size:auto;


    // border: 1px solid #000;
    padding:2px 1px; 
    border-collapse: collapse; 
    font-size: 12px;
    font-weight:600;

 }
.DCPrintStyle2-print-table th, .DCPrintStyle2-print-table td {
    // border: 1px solid #000;
    // padding: 2px 0.5px;
    // font-size:auto;


    // border: 1px solid #000;
    padding:2px 1px; 
    border-collapse: collapse; 
    font-size: 12px;
    font-weight:600;

 }
 .PrintStyle2-print-table th {
//  background-color: #f2f2f2;
//  text-align: left;

    background-color: #f2f2f2;
    margin:5px 5px;
    font-size: auto;
    font-weight:600;

 }
 
 .PrintStyle2-print-dottline {
 border-top: 2px dashed #000;
 }

 .PrintStyle2-ThirdDivMaster
 {
 margin: 0.1rem 0rem ;
 padding: 0rem 0.5rem;
 display: flex;
 flex-direction: column;
 }

 .PrintStyle2-ThirdP{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 }

 .PrintStyle2-FourthDivMaster
 {
 display: flex;
 flex-direction: column;
 gap: 1rem;
 }

 .PrintStyle2-FourthP
 {
 padding: 0rem 0.5rem;
 display: flex;
 flex-direction: row;
 gap: 2rem;
 font-size:12px;
 }


 .PrintStyle2-FourthSpan
 
 padding: 0rem 0.5rem;
 font-size:10px;
 }


@media print and (max-width: 80mm) {
  /* === Table Container === */
  .PrintStyle2-print-tableMaster {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  /* === Base Table === */
  .PrintStyle2-print-table {
    width: 96%;
    table-layout: auto !important;
  }

  /* === Table Cells === */
  .PrintStyle2-print-table th,
  .PrintStyle2-print-table td {
    font-size: 10px !important;
    // font-size: clamp(8px, 2.5vw, 12px);
    font-family: 'Courier New', monospace;
  }

}



    </style>`;
  // #2  

  // #3 
  const style3 = `<style> 

    @media print {
      body { 
        // font-family: "Poppins", sans-serif;
        font-family:'Courier New', Courier, monospace; 
        font-size:13px;
      }
    }
@media print {
  .header {
    position: static !important;
    top: auto !important;
  }
  .print-chunk.print-page-break {
    page-break-before: always;
    break-before: page;

  }
      .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

}
    .PrintStyle3MasterDiv {
        color: #000;
        line-height: normal;
        font-size: 10px;
    }
    
    .PrintStyle3-print {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: center;
        background-color: #f3f3f3;
        text-align: center;
        font-weight: 400;
    }
    
    .PrintStyle3-print-dottline {
        border-top: 1px dashed rgb(0, 0, 0);
    }
    
    .PrintStyle3-print-ordr-dtls {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 0.5rem;
        font-size: 12px;
    }
    
    .PrintStyle3-print-prddtls {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    .PrintStyle3-print-tableMaster {
        transform: scale(0.98);
        display:flex;
        flex-direction:column
    }
    
    .PrintStyle3-print-prddtls td {
        font-weight: normal;
    }
    
    .PrintStyle3-print-table {
      width: 95%;
      border-collapse: collapse;
      margin: 5px 0px;
    }
    
    .PrintStyle3-print-table th,
    .PrintStyle3-print-table td {
      border: 1px solid #000;
      padding: 2px 1px;
      border-collapse: collapse;
      font-size: auto 
      ;
      font-weight: 600;
    }
    
    .PrintStyle3-print-table th {
      background-color: #f2f2f2;
      padding: 5px 5px;
      font-size: 8px; 
      font-weight: 600;
    }
    
    .PrintStyle3-print-ttlovrl {
        display: flex;
        justify-content: space-between;
        padding: 0 0.5rem;
        font-family: "Arimo", sans-serif;
    }
    
    .PrintStyle3-print-prdttl {
        display: flex;
        flex-direction: row;
        column-gap: 2rem;
    }
    
    .PrintStyle3-print-prdttl-amt {
        display: flex;
        flex-direction: column;
        align-items: end
    }
    
    .PrintStyle3-print-cusdottline {
        border-bottom: #000 dashed 1px;
        width: 140px;
        height: 20px;
    }
    
    .PrintStyle-signdiv {
        display: flex;
        flex-direction: column;
        align-items: end;
        padding: 0 0.5rem;
        gap: 0.5rem;
        justify-content: center;
    
        .PrintStyle3-print-imp {
            font-size: 12px;
        }
    
        .PrintStyle3-print-cusdottline {
            border-bottom: #000 dashed 1px;
            width: 200px;
            height: 20px;
        }
    }
    
    .PrintStyle3-print-strdtlss {
        display: flex;
        justify-content: start;
        flex-direction: row;
        padding: 0 0.5rem;
        gap: 1rem;
    }
    
    .PrintStyle3-print-stradrs {
        text-align: center;
        padding: 0 0.5rem;
    }
    
    .PrintStyle3-print-ftr {
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
    }
    </style>`;
  // #3 

  // #4  
  const style4 = `<style> 


    @media print {
      body { 
        //  font-family: "Poppins", sans-serif;
        font-family:'Courier New', Courier, monospace;  
        font-size:13px;
      }
    }
  
      @media print {
        .header {
          position: static !important;
          top: auto !important;
        }
        .print-chunk.print-page-break {
          page-break-before: always;
            break-before: page;
          }
              .pdf-page {
                page-break-after: always;
                break-after: page;
                width: 208mm;
                height: 295mm;
                overflow: hidden;
                margin-top:5px;
              } 

      }

.PrintStyle4MasterDiv {
  color: #000;
  font-family: "Poppins", sans-serif;
  line-height: normal;
}
.PrintStyle4-fistDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 4px;
  font-family: "Poppins", sans-serif;
  color: #000;
  letter-spacing: -0.5px;
}
.PrintStyle4-SecondDiv {
  display: flex;
  font-family: "Poppins", sans-serif;
  color: #000;
  flex-direction: column;
  letter-spacing: -0.5px;
}

.PrintStyle4-print-dottline {
  border-top: 0.5px dashed rgb(0, 0, 0);
  border-width: 0.7px;
  border-style: dashed;
  border-image: initial;
  font-weight: 600;
}
.PrintStyle4-ThirdDivMaster {
  margin: 0.5rem 0rem;
  padding: 0rem 0.5rem;
  display: flex;
  flex-direction: column;
}

.PrintStyle4-ThirdP {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 0;
}

.PrintStyle4-print-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-family: "Poppins", sans-serif;
  thead tr {
    border-top: 1px dashed #000 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border-bottom: 1px dashed #000 !important;
  }
  thead th {
    font-family: "Poppins", sans-serif;
    letter-spacing: -0.5px;
    font-weight: 600;
  }
  tbody tr {
    border-bottom: 1px solid #000;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 0.9;
  }
  tbody td {
    padding-bottom: 2px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: capitalize !important;
    letter-spacing: -0.5px;
    > div {
      font-family: "Poppins", sans-serif;
      text-transform: capitalize !important;
      font-weight: 600;
      letter-spacing: -0.5px;
    }
  }
}

.PrintStyle4-print-table th,
.PrintStyle4-print-table td {
  // border: 1px solid #ddd;
  padding: 4px;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 11px !important;
  font-weight: 600;
  vertical-align: baseline;
}

.PrintStyle4-print-table th {
  color: #000;
  padding: 4px 0;
  font-size: 14px;
}

.PrintStyle4-BrandImage {
  width: 60px;
  height: 60px;
  mix-blend-mode: darken;
}

.PrintStyle4-FourthP {
  // padding: 0rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.PrintStyle4-FourthSpan {
  display: flex;
  justify-content: center;
  font-size: 13px !important;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px !important;
}

.PrintStyle4-FourthDiv {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  margin-top: 0.5rem;
  align-items: center;
  gap: 1rem;
  line-height: 1;
}

.PrintStyle4-FourthSmallwordings {
  font-size: 12px;
}
.print2subTotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600 !important;
  font-family: "Poppins", sans-serif;
  border-bottom: 1px dashed #000;
  border-top: 1px dashed #000;
  text-transform: uppercase;
  padding: 5px 0;
  > div {
    font-family: "Poppins", sans-serif;
  }
}

@media print and (max-width: 80mm) {
  /* === Table Container === */
  .PrintStyle4-print-tableMaster {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw
       margin: 0 auto;
    padding :0;
  }

  /* === Base Table === */
  .PrintStyle4-print-table {
    width: 100%;
    table-layout: auto !important;
    margin: 0 auto;
    padding :0;
  }
 .PrintStyle4-print-table th,
  .PrintStyle4-print-table td {
    // font-size: 10px !important;
    font-size: clamp(8px, 2.5vw, 12px);
  }
}


    </style>`;
  // #4  

  // #5
  const style5 = `<style> 
  
    
  @media print {
    body {  
      // font-family: "Poppins", sans-serif;
      font-family:'Courier New', Courier, monospace; 
      font-size: clamp(1.2rem, 2.5vw, 2rem);  
      font-size:18px
      
    }
  }


  @media print {
      .header {
        position: static !important;
        top: auto !important;
      }
      .print-chunk.print-page-break {
        page-break-before: always;
        break-before: page;
      }
          .pdf-page {
            page-break-after: always;
            break-after: page;
            width: 208mm;
            height: 295mm;
            overflow: hidden;
            margin-top:5px;
          } 

    }

      
  .PrintStyle5-MasterDiv{
    width:100%; 
    text-align: center;
    // font-size: 16px;   
     

}
     
.hrline{
  border:solid 0.1px #000
 }


.PrintStyle5-Head{
  text-align:center;
  padding:0rem 1rem;

} 


.PrintStyle5-print-table{ 
  // width:95%;
  padding:0rem 1rem;
}


 


.PrintStyle5-print-prddtls{
  // display: flex; 
  // justify-content: space-between;   
  // width: 100%;

}
.align-style{
  display: flex;
  justify-content: space-between;
}
  

    </style>`;
  // #5

  // #6 
  const style6 = `<style> 

    @media print {
      body {    
        font-family:'Courier New', Courier, monospace; 
        font-size: clamp(0rem, 2.5vw, 2rem);  
        font-size:18px 
      }

      
    }

    @media print {
    .header {
      position: static !important;
      top: auto !important;
    }
    .print-chunk.print-page-break {
      page-break-before: always;
        break-before: page;
      }
          .pdf-page {
      page-break-after: always;
      break-after: page;
      width: 208mm;
      overflow: hidden;
      margin-top:5px;
      height: 95vh;
      max-height: 97vh;
}
    } 

  }


    .PrintStyle6MasterDiv {
        color: #000;  
    }
    
    .PrintStyle6-firstDiv {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        // gap: 0.5rem;
        
        

        margin: 0.5rem;
    }
    
    .PrintStyle6-HrLine {
      border:solid 0.1px #1E1E1E
    }
    

 
  
    .PrintStyle6-print-tableMaster { 
      display: flex;
      justify-content:center ; 
    }
    
    .PrintStyle6-print-table {  
      width: 92%;
      border-collapse: collapse;
      margin:0px 0.5rem;  
      padding:0px 1px;   
      margin-bottom: 10px; 

    }
    
    .PrintStyle6-print-table th,
    .PrintStyle6-print-table td {     

      font-size: clamp(0.50rem, 2.5vw, 1rem); 
      font-weight:600;  
      // border: 1px solid #000;
      padding:2px 1px; 
      border-collapse: collapse;   
    }
    
    .PrintStyle6-print-table th {  
      font-size: clamp(0.50rem, 2.5vw, 1rem);
      font-weight:600;  
      margin:5px 5px;    
    }


 
    .PrintStyle6-secondDiv {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0rem 1.5rem;
    }
    
    .PrintStyle6-ThirdDiv {
        display: flex;
        flex-direction: row;
        gap: 1.5rem;
        justify-content: center;
        align-items: center;
    }
    
    .PrintStyle6-ThirdSubDiv1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .PrintStyle6-ThirdSubDiv2 {
        display: flex;
        flex-direction: row;
        justify-content: right;
        gap: 1rem;
    }
    
    .PrintStyle6-thankyou {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; 
    }
    
    .PrintStyle6-QRcode {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: auto;
        mix-blend-mode: darken;
    }
    </style>`;
  // #6

  // #7
  const style7 = `<style> 


    @media print {
      body {  
        // font-family: "Poppins", sans-serif;
        font-family:'Courier New', Courier, monospace;  
        font-size: clamp(0.6rem, 2.5vw, 0.5rem);    
      }
    }
    @media print {
    .header {
      position: static !important;
      top: auto !important;
    }
    .print-chunk.print-page-break {
      page-break-before: always;
      break-before: page;
    }
        .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

  }

    hr.star-line {
        display: flex;
        align-items: center;
        border: none;
    } 
    
    hr.star-line::before,
    hr.star-line::after {
        content: "****************************************************************************************************************************";
        flex: 1;
        text-align: center;
        color: #000;
    }
    
    hr.star-line::before {
        margin-right: 0px;
    }
    
    hr.star-line::after {
        margin-left: 0px;
    }
    
    .PrintStyle7-print {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: center;
        background-color: #f3f3f3;
        text-align: center;
    }
    
    .PrintStyle7-print-dottline {
        border-top: 1px dashed rgb(0, 0, 0);
    }
    
    .PrintStyle7MasterDiv {
        color: #000;
        font-family: "Arimo", sans-serif;
        line-height: normal; 
    }
    
    .PrintStyle7-SecondDivMaster {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 0.5rem;
        justify-content: space-evenly;
    }
    
    .PrintStyle7-SecondDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .PrintStyle7-SecondDiv2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: right;
        margin-right: 10px;
    }
    
    .PrintStyle7-SecondDiv3 {
        width: 92%;
        display: flex;
        flex-direction: column;
    }
    
 
    .PrintStyle7-print-table-DescriptionDiv {
      width: 100px;
    }
    
    .PrintStyle7-print-table-OtherDiv {
      width: 20px;
      text-align: right;
    }

 





    
  .PrintStyle7-print-tableMaster{
    display: flex;
    justify-content:center ;  
  }
  
  .PrintStyle7-print-table { 
      width: 94%;
      border-collapse: collapse;
      margin:0px 0rem;  
      padding:0px 0px;   
      margin-bottom: 10px; 
 
  }
  
  .PrintStyle7-print-table th, .PrintStyle7-print-table td {
    // border: 1px solid #000;
    padding:2px 0.1rem;
    // border-collapse: collapse; 
    font-size:14px;
    font-weight:600;
  }
  


  .PrintStyle7-print-table th {
    background-color: #f2f2f2;
    font-size:14px;
    margin:5px 5px; 
    font-weight:600;
  }
  




  
    
    .PrintStyle7-SecondDiv-wordings {
        // font-size: 12px;
    }
    
    .PrintStyle7-QRDiv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .PrintStyle7-QRcode {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 150px;
        height: auto;
        mix-blend-mode: darken;
    }


    @media print and (max-width: 80mm) {
  /* === Table Container === */
  .PrintStyle7-print-tableMaster {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
  }

  /* === Base Table === */
  .PrintStyle7-print-table {
    width: 100%;
    table-layout: auto !important;
    margin: 0 auto;
  }
    .PrintStyle7-print-table th,
   .PrintStyle7-print-table td {
    font-size: 14px !important;
    vertical-align: top;
    padding: 1px 2px; /* tighter spacing for all */
  }
 
}
    </style>`;
  // #7

  // #8
  const style8 = `<style> 
 
    
    @media print {
      body {   
        font-size: clamp(0.6rem, 2.5vw, 0.5rem);   
        // font-family: "Poppins", sans-serif;
        font-family:'Courier New', Courier, monospace;   
      }
    }

    @media print {
      .header {
        position: static !important;
        top: auto !important;
      }
      .print-chunk.print-page-break {
        page-break-before: always;
        break-before: page;
      }
          .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

    }



    .PrintStyle8MasterDiv {
        color: #000;
        line-height: normal;
        padding: 0rem 1rem;
        font-size: clamp(0.81rem, 2.5vw, 1.2rem);
        // font-family: "Poppins", sans-serif;
        font-family:'Courier New', Courier, monospace;  
      }
     
      .PrintStyle8-fistDiv {
        padding:0.2rem 0rem;
      }
     
      .PrintStyle8-BrAddress {
        text-align: left;
        font-weight: 400;
        font-size: 13px;
      }
     
      .PrintStyle8-SecondDiv {
        display: flex;
        flex-direction: column;
     
      }
     
      .PrintStyle8-print-dottline {
        border-top: 0.5px dashed rgb(0, 0, 0);
        border-width: 0.7px;
        border-style: dashed;
        border-image: initial;
      }
     
      .PrintStyle8-ThirdDivMaster {
        display: flex;
        flex-direction: column;
      }
     
      .PrintStyle8-ThirdP {
        flex-direction: row;
        justify-content: space-between;
      }
     
      // .PrintStyle8-print-tableMaster {
      //   display: flex;
      //   width: 100%;
      // }
      
      // .PrintStyle8-print-table {
      //   width: 100%;
      //   border-collapse: collapse;
      // }
      
    
      


      
 .PrintStyle8-print-tableMaster{
  //  transform: scale(0.90);
    display: flex;
    justify-content:center ; 
 }

 .PrintStyle8-print-table { 
    width: 100%;
    border-collapse: collapse;
    margin:0px 0.5rem;  
    padding:0px 1px;   
    margin-bottom: 10px; 


 }

 .PrintStyle8-print-table th, .PrintStyle8-print-table td { 


    // border: 1px solid #000;
    padding:2px 1.5px; 
    // border-collapse: collapse; 
    font-size: 12px;
    font-weight:400;

 }

 .PrintStyle8-print-table th { 
    background-color: #f2f2f2;
    margin:5px 5px;
    font-size: auto;
    font-weight:600;

 }
 




         
      
      // .PrintStyle8-print-table th {
      //   background-color: #f2f2f2;
      //   padding: 5px 1rem;
      //   font-weight: 600; 
      // }
     
     
      // .PrintStyle4-print-table .td { 
      //   padding: 0 4rem;
      // }
     
      .PrintStyle8-BrandImage {
        width: 87px;
        height: auto;
        mix-blend-mode: darken;
      }
     
      .PrintStyle8-FourthP {
     
        display: flex;
        flex-direction: column;
     
      }
     
      .PrintStyle8-FourthSpan {
        display: flex;
        justify-content: center;
     
      }
     
      .PrintStyle8-Qr-Order {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
      }
     
      .PrintStyle8-OrderNo {
        display: flex;
        flex-direction: column;
     
      }
     
      .PrintStyle8-QrCode {
        display: flex;
        flex-direction: column;
      }
     
      .PrintStyle8-FourthDiv {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 0.5rem;
        align-items: center;
     
      }

       @media print and (max-width: 80mm) {
  /* === Table Container === */
  .PrintStyle8-print-tableMaster {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
  }

  /* === Base Table === */
  .PrintStyle8-print-table {
    width: 100%;
    table-layout: auto !important;
    margin: 0 auto;
  }
    .PrintStyle8-print-table th,
   .PrintStyle8-print-table td {
    font-size: 14px !important;
    vertical-align: top;
    padding: 1px 2px; /* tighter spacing for all */
  }
}
    </style>`;
  // #8 

  // #9 
  const style9 = `<style> 


    @media print {
      body {  
        // font-family: "Poppins", sans-serif;   
        font-family:'Courier New', Courier, monospace;  
      font-size: clamp(1.2rem, 2.5vw, 2rem);  
      font-size:18px
      }
    }

     @media print {
      .header {
        position: static !important;
        top: auto !important;
      }
      .print-chunk.print-page-break {
        page-break-before: always;
        break-before: page;
      }
          .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

    }

    .PrintStyle9MasterDiv {
        color: #000;
        line-height: normal;
        font-size: clamp(0.9rem, 2.5vw, 1.2rem);
        padding: 0rem 1rem;
        // font-family: "JetBrains Mono";
        font-family:'Courier New', Courier, monospace; 
    }
    
    .PrintStyle9-print {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        background-color: #f3f3f3;
        text-align: left;
        gap: 0.5rem;
    }
    
    .PrintStyle9-print-dottline {
        border-top: 1px dashed rgb(0, 0, 0);
    }
    

 
 
    .PrintStyle9-print-table {
      // width: 100%;
      // border-collapse: collapse;
      // margin-bottom: 20px;

      width: 98%;
      border-collapse: collapse;
      margin:0px 0rem;  
      padding:0px 1px;    

    }
    
    .PrintStyle9-print-table th,
    .PrintStyle9-print-table td {
      // padding: 4px;
      // text-align: left;
      // font-size: 12px;



      // border: 1px solid #000; 
      padding:2px 0px;
      border-collapse: collapse; 
      font-size: 12px;
      font-weight:600;

    }
    
    .PrintStyle9-print-table th {
      // background-color: #f2f2f2;

      background-color: #f2f2f2;
      margin:5px 1px; 
      font-size: 12px;
      font-weight:600;
    }
 


    .PrintStyle9-print-tableMaster {
        padding: 5px 4px;
    }
    
    // .PrintStyle9-print-table {
    //     padding: 5px 2px;
    //     width: 95%;
    // }
    
    .PrintStyle9-print-strdtlss {
        display: flex;
        justify-content: start;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .PrintStyle9-print-stradrs {
        text-align: center;
    }
    
    .straight-line9 {
        border-top: 0.1px solid #000;
        width: 100%;
    }
    
    .PrintStyleFooter9 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .PrintStyle9-Branch {
        font-weight: 600;
    }
    
    hr.star-line {
        display: flex;
        align-items: center;
        border: none;
    }
    
    hr.star-line::before,
    hr.star-line::after {
        content: "****************************************************************************************************************************";
        flex: 1;
        text-align: center;
        color: #000;
    }
    
    hr.star-line::before {
        margin-right: 0px;
    }
    
    hr.star-line::after {
        margin-left: 0px;
    }



          @media print and (max-width: 80mm) {
  /* === Table Container === */
  .PrintStyle9-print-tableMaster {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
  }

  /* === Base Table === */
  .PrintStyle9-print-table {
    width: 100%;
    table-layout: auto !important;
    margin: 5px;
  }
    .PrintStyle9-print-table th,
   .PrintStyle9-print-table td {
    font-size: 14px !important;
    vertical-align: top;
    padding: 1px 1px; /* tighter spacing for all */
    
  }
}
    </style>`;
  // #9 

  //  #10
  const style10 = `<style> 
    @media print {
      body {    
        // font-family: "Poppins", sans-serif;
        font-family:'Courier New', Courier, monospace;    
        font-size: clamp(0rem, 2.5vw, 2rem);  
        font-size:18px 
      }
    }

 @media print {
      .header {
        position: static !important;
        top: auto !important;
      }
      .print-chunk.print-page-break {
        page-break-before: always;
        break-before: page;
      }
          .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

    }

    .PrintStyle10MasterDiv {
        color: #000;
        line-height: normal;
        font-size: clamp(0.5rem, 2vw, 1rem);
        padding: 0rem 2rem;
      }
      
      .PrintStyle10-print {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: center;
        background-color: #f3f3f3;
        text-align: center;
      }
      
      .straightline {
        border: 1.5px solid #000;
        height: 0;
      }
      
      .PrintStyle10-print-table-PdName {
        font-weight: 400;
        line-height: 15px;
      }
      
      // .PrintStyle10-print-tablehead {
      //   display: flex;
      //   justify-content: space-between;
      //   padding: 0.5rem 0rem;
      //   font-weight: 700;
      //   font-size: clamp(0.5rem, 2.5vw, 1rem)
      // }
      
      // .PrintStyle10-print-tableBody {
      //   display: flex;
      //   justify-content: space-between;
      //   padding: 0.5rem 0rem;
      // }
      
      .PrintStyle10-items {
        display: flex;
        justify-content: space-between;
        font-weight: 600;
        font-size: 14px;
      }
      
      .PrintStyle10-total {
        display: flex;
        justify-content: space-between;
        font-weight: 600;
        font-size: 16px;
      }
      
      .thankyou {
        font-weight: 500;
        font-size: 18px;
      }
      
      .itemtotal {
        padding: 0.5rem 0rem;
      }
      
      .cardDetail {
        padding: 0.5rem;
        font-size: 12px,
      }
      
      .Rupees {
        font-size: 14px;
        ;
      }
      
      .Prodame {
        padding: 0.5rem;
        font-size: clamp(0.4rem, 2.5vw, 1rem),
      }
      
      .itemtotal {
        padding: 0.5rem;
      }
      
      .Address {
        font-size:11px 
      
      }
      
      .ShopName {
        font-size: clamp(0.4rem, 2.5vw, 1rem),
      }
      


    
      .PrintStyle10-print-table {
        // width: 100%;
        // border-collapse: collapse;
        // margin-bottom: 20px;
  
        width: 96%;
        border-collapse: collapse;
        margin:0px 0rem;  
        padding:0px 1px;    
  
      }
      
      .PrintStyle10-print-table th,
      .PrintStyle10-print-table td {
        // padding: 4px;
        // text-align: left;
        // font-size: 12px;
  
  
  
        // border: 1px solid #000; 
        padding:2px 0px;
        border-collapse: collapse; 
        font-size: 12px;
        font-weight:600;
  
      }
      
      .PrintStyle10-print-table th {
        // background-color: #f2f2f2;
  
        background-color: #f2f2f2;
        margin:5px 1px; 
        font-size: 12px;
        font-weight:600;
      }
   
  
  
      .PrintStyle10-print-tableMaster {
          padding: 5px 4px;
      }
    
      

    </style>`;
  //  #10

  //  #11
  const style11 = `<style> 

    
    @media print {
      body {    
      // font-family: "Kode Mono", monospace !important; 
      font-family:'Courier New', Courier, monospace; 
      font-size: clamp(1.2rem, 2.5vw, 2rem);  
      font-size:18px
      }
    }
       @media print {
      .header {
        position: static !important;
        top: auto !important;
      }
      .print-chunk.print-page-break {
        page-break-before: always;
        break-before: page;
      }
          .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

    }
    
    .PrintStyle11-print-InfoDivsub {
        font-size: clamp(0.7rem, 2.5vw, 0.7rem);
    }
    
    .PrintStyle11-print-BillNO {
        font-size: clamp(0.8rem, 2.5vw, 1.4rem);
    }
    
    .PrintStyle11-print-TD {
        // font-size: clamp(0.5rem, 2.5vw, 0.9rem);
    }
    
    .PrintStyle11-print-TotalGST {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .PrintStyle11-print-SecondDiv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        // font-size: clamp(0.7rem, 2.5vw, 1.0rem);
    }
    
    .PrintStyle11-print-ThirdDivSub {
        display: flex;
        justify-content: space-between;
        // font-size: clamp(0.7rem, 2.5vw, 0.8rem);
    }
    
    .PrintStyle11-print-ThirdDiv {
        width: 94%;
        height: auto;
        display: flex;
        justify-content: flex-end;
    }
    
    .PrintStyle11-print-ThirdDiv2 {
        width: 90%;
        height: auto;
        padding:0rem 2rem;
        display: flex;
        justify-content: flex-end;
    }
    
    .PrintStyle11MasterDiv {
        color: #000;
        padding: 0rem 1rem; 
        // font-size: clamp(0.5rem, 2.5vw, 1.2rem);
    }
    
    .PrintStyle11-print-th {
        // font-size: clamp(0.6rem, 2.5vw, 1.2rem);
    }
    
    .PrintStyle11-BrandImage {
        width: 87px;
        height: 87px;
        padding: 0.7rem;
    }
    
    .PrintStyle11-print {
        width: 100%;
        display: flex;
        height: auto;
        align-items: center;
        justify-content: center;
        background-color: #f3f3f3;
        text-align: center;
    }
    
    .PrintStyle11-print-dottline {
        border-top: 1px dashed rgb(0, 0, 0);
    }
    
    
    .PrintStyle11-SecondDivMaster {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-bottom: 0.5rem;
        justify-content: space-evenly;
    }
    
    .PrintStyle11-SecondDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .PrintStyle11-SecondDiv2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: right;
        margin-right: 10px;
    }
    
    .PrintStyle11-SecondDiv3 {
        width: 92%;
        display: flex;
        flex-direction: column;
    }
    
    .PrintStyle11-print-table {
      
      width: 98%;
      border-collapse: collapse;
      margin:0px 0rem;  
      padding:0px 1px;    
      border: 1px solid #000; 
    }
    
 
    .PrintStyle11-print-table-DescriptionDiv {
        width: 100px;
    }
    
    .PrintStyle11-print-table-OtherDiv {
        width: 20px;
        text-align: right;
    }
    


    .PrintStyle11-print-tableBody {
        display: flex;
        justify-content: space-between;
    }
    
    .PrintStyle11-print-table th,
    .PrintStyle11-print-table td {
        border: 1px solid #000; 
      padding:2px 0px;
      border-collapse: collapse; 
      font-size: 14px; 
      font-weight:600;
    }
    
    .PrintStyle11-print-table th { 
      background-color: #f2f2f2;
      margin:5px 1px; 
      font-weight:600;
      font-size: 14px; 
    }
    


 

    .PrintStyle11-print-tableMaster {
        padding: 5px 4px;
    }
    
 
    .PrintStyle11-print-prddtls {
        display: flex;
        justify-content: space-between;
        width: 95%;
    }
    
    .PrintStyle11-QRcode {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: auto;
        mix-blend-mode: darken;
    }
    
    .PrintStyle11-ThirdSubDiv1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        // font-size: clamp(0.7rem, 2.5vw, 0.9rem);
    }
    
    .Re-print-Table11 {
        width: 96%;
        padding: 0rem 0.5rem 0rem -0.2rem;
    }
    
    .Re-print-Table11,
    .Re-print-th11,
    .Re-print-td11 {
        border: none;
        border-collapse: collapse; 
    }
    
    .Re-print-td11 {
        // font-size: clamp(0.4rem, 2.5vw, 1.0rem);
    }
    
    .Re-print-body-Tr {
        text-align: center; 
    }
    
    .Re-print-body-Product11 {
        text-align: left;
        // font-size: clamp(0.4rem, 2.5vw, 1.0rem);
        border: none;
        border-collapse: collapse; 
        padding-left: 5px;
    }
    
    .Re-print-body-Rate11 {
        text-align: right;
        // font-size: clamp(0.4rem, 2.5vw, 1.0rem);
        padding-right: 5px;
        border: none;
        border-collapse: collapse; 
    }

@media print and (max-width: 80mm) {
  
  /* === Main Container === */
  .PrintStyle11-print-tableMaster {
    width: 100% !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
  }

  /* === Table Base Styles === */
  .PrintStyle11-print-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important; /* Changed to auto for flexible widths */
    margin: 2px 0 !important;
    border: 1px solid #000 !important;
  }

  /* === Table Headers === */
  .PrintStyle11-print-table thead th {
    font-size: 9px !important;
    font-weight: 600 !important;
    padding: 2px 1px !important;
    border: 1px solid #000 !important;
    background-color: #f2f2f2 !important;
    white-space: nowrap !important;
  }

  /* === Table Body Cells === */
  .PrintStyle11-print-table tbody td {
    font-size: 9px !important;
    font-weight: 600 !important;
    padding: 2px 1px !important;
    border: 1px solid #000 !important;
    vertical-align: top !important;
  }

  /* === S.N Column - Minimal width === */
  .PrintStyle11-print-table th:nth-child(1),
  .PrintStyle11-print-table td:nth-child(1) {
    min-width: 25px !important;
    max-width: 30px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* === Item Column - Flexible but minimum space === */
  .PrintStyle11-print-table th:nth-child(2),
  .PrintStyle11-print-table td:nth-child(2) {
    min-width: 80px !important;
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* === Qty Column === */
  .PrintStyle11-print-table th:nth-child(3),
  .PrintStyle11-print-table td:nth-child(3) {
    width: 30px !important;
    min-width: 25px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  /* === HSN Column === */
  .PrintStyle11-print-table th:nth-child(4),
  .PrintStyle11-print-table td:nth-child(4) {
    width: 40px !important;
    min-width: 35px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  /* === MRP Column === */
  .PrintStyle11-print-table th:nth-child(5),
  .PrintStyle11-print-table td:nth-child(5) {
    width: 40px !important;
    min-width: 35px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  /* === Discount Column === */
  .PrintStyle11-print-table th:nth-child(6),
  .PrintStyle11-print-table td:nth-child(6) {
    width: 30px !important;
    min-width: 25px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  /* === Rate Column === */
  .PrintStyle11-print-table th:nth-child(7),
  .PrintStyle11-print-table td:nth-child(7) {
    width: 40px !important;
    min-width: 35px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

 
  /* === Item Column - Force block display and wrapping === */
  .PrintStyle11-print-table td:nth-child(2) {
    display: table-cell !important;
  }

  .PrintStyle11-print-table td:nth-child(2) > div {
    display: block !important;
    width: 100% !important;
  }

  /* === Item Column Product Name === */
  .PrintStyle11-print-table td:nth-child(2) > div:first-child {
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }

  /* === Item Column Details (Size, Brand, etc) === */
  // .PrintStyle11-print-table td:nth-child(2) > div:not(:first-child),
  // .PrintStyle11-print-table td:nth-child(2) div div {
  //   font-size: 8px !important;
  //   font-weight: 500 !important;
  //   line-height: 1.1 !important;
  //   margin-top: 1px !important;
  // }

}


    </style>`;
  //  #11

  // #12
  const style12 = `<style> 

    @media print {
      body {  
      font-family: 'Courier New', Courier, monospace;  
      // font-family: 'Roboto Slab', serif;    
      font-size: clamp(1.2rem, 2.5vw, 2rem);  
      font-size:18px
      }
    }
 
     @media print {
      .header {
        position: static !important;
        top: auto !important;
      }
      .print-chunk.print-page-break {
        page-break-before: always;
        break-before: page;
      }
          .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 

    }

    .PrintStyle12MasterDiv {
        color: #000;
        line-height: normal;
        padding: 1rem 1rem;
        font-size: clamp(0.81rem, 2.5vw, 1.2rem);
      }
     
      .PrintStyle12-firstDiv {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        width: 100%;
        text-align: center;
      }
     
      .PrintStyle12-SecondDiv {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 5px 0;
      }
     
      .PrintStyle12-print-dottline {
        border-top: 0.5px dashed rgb(0, 0, 0);
        border-width: 0.7px;
        border-style: dashed;
        border-image: initial;
      }
     
      .PrintStyle12-print-solid {
        border-top: 0.5px solid rgb(0, 0, 0);
        border-width: 0.7px;
        border-style: solid;
        border-image: initial;
        width: 100%;
      }
     
      .PrintStyle12-ThirdDivMaster {
        display: flex;
        flex-direction: column;
      }
      
      .PrintStyle12-print-tableMaster {
        display: flex;
        width: 96%;    

      }
      
      .PrintStyle12-print-table {
        width: 100%;
        border-collapse: collapse;
      }
      
      .PrintStyle12-print-table th,
      .PrintStyle4-print-table td {
        padding: 2px 5px; 
        border-collapse: collapse;
        font-weight: 600;
      }
      
      .PrintStyle12-print-table th {
        background-color: #f2f2f2;
        padding: 5px 0px;
        font-weight: 600;
        font-size: clamp(0.68rem, 2.5vw, 0.9rem);
        border-bottom: 1px dashed;
      }
      
      
      .PrintStyle12-print-table td {
        font-size: clamp(0.68rem, 2.5vw, 0.9rem);
        padding: 0 2px;
      }
     
      .PrintStyle12-BrandImage {
        width: 87px;
        height: auto;
        mix-blend-mode: darken;
      }
     
      .PrintStyle12-FourthP {
     
        display: flex;
        flex-direction: column;
     
      }
     
      .PrintStyle12-FourthSpan {
        display: flex;
        justify-content: center;
     
      }
     
      .PrintStyle12-Qr-Order {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        padding: 0.5rem 0;
      }
     
      .PrintStyle12-OrderNo {
        display: flex;
        flex-direction: column;
     
      }
     
      .PrintStyle12-QrCode {
        display: flex;
        flex-direction: column;
      }
     
      .PrintStyle12-FourthDiv {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0.3rem 0;
        align-items: center;
     
      }
     
      .PrintStyle12-Summary {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        padding: 0rem 0;
      }

@media print and (max-width: 80mm) {
  .PrintStyle12-print-tableMaster {
    width: 100%;
    overflow: visible;
    word-wrap: break-word;
    padding: 2mm;
  }


}

    </style>`;
  // #12
  // A4
  const styleA4 = `<style> 

  @media print {
    body { 
      // font-family: "Arimo", sans-serif; 
      // font-family: 'Roboto Slab', serif; 
      // font-family: "Poppins", sans-serif;
      // font-family: "Podkova"; 
    //   font-family: 'Lexend Zetta', sans-serif; 
      font-family: 'Inconsolata', monospace; 
      // font-family:"Arial";
      font-size: clamp(1.2rem, 2.5vw, 2rem);  
      font-size:18px
      
    }
  } 
  @page {
    size: A4;
    margin: 5cm;
  }

  @media print {
    body {
      margin: 0;
    }

    .page {
      page-break-before: always;
    }
  } 
 
.page[size="A4"] {
  background: #F5F6F7;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  // box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  border: 1.25cm solid #F5F6F7; 
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
}
.page {
    page-break-after: always;
  }
  
  @page {
    margin: 20mm;
  }
  
  @media print {
    thead {
      display: table-header-group;
    }
  
    tfoot {
      display: table-footer-group;
    }
  
    button {
      display: none;
    }
  
    body {
      margin: 0;
    }
  }
  
  
  .a4 {
    width: 210mm;
    height: 297mm;
  }
  
  .a4-landscape {
    width: 297mm;
    height: 210mm;
  }
  
  .a5 {
    width: 148mm;
    height: 210mm;
  }
  
  .a5-landscape {
    width: 210mm;
    height: 148mm;
  }

.PrintA4Style11 {
    font-family: 'Montserrat';
}

.page-headerA4Style11 {
    position: fixed;
    top: 0mm;
    width: 100%;
    background: rgb(223, 223, 223);
    /* for demo */
}

.page-footerA4Style11 {
    position: fixed;
    bottom: 0;
    width: 100%; 
    background:  rgb(223, 223, 223); /* for demo */
  }
  

.page-headerA4Style11,
.page-headerA4Style11-space {
    height: 150px;
}

.page-footerA4Style11,
.page-footerA4Style11-space {
    height: 50px;
}

.A4TableA4Style11 table {
    border-collapse: collapse;
    width: 100%;
  }
  
  .A4TableA4Style11 td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 4px;
  }
  
  .A4TableA4Style11 tr:nth-child(even) {
    background-color: #dddddd;
  }


.headerFooterStyle {
    display: block;
    position: fixed;
    width: 100%;
};



.PrintA4Style11-BrandImage {
    width: 87px;
    height: 87px;
}

.PrintA4Style11-print-SecondDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: clamp(0.7rem, 2.5vw, 1.0rem);
}

.PrintA4Style11-print-BillNO {
    font-size: clamp(0.8rem, 2.5vw, 1.0rem);
}

.PrintA4Style11-print-dottline {
    border-top: 1px dashed rgb(0, 0, 0);
}

.PrintA4Style11-SecondDiv3 {
    width: 92%;
    display: flex;
    flex-direction: column;
}

.PrintA4Style11-print-table {
    // width: 92%;
    border-collapse: collapse;
    // margin: 5px 8px;
}

.PrintA4Style11-print-tableHeader {
    display: flex;
    justify-content: space-between;
}

.PrintA4Style11-print-table-DescriptionDiv {
    width: 100px;
}

.PrintA4Style11-print-table-OtherDiv {
    width: 20px;
    text-align: right;
}

.PrintA4Style11-print-tableBody {
    display: flex;
    justify-content: space-between;
}

// .PrintA4Style11-SecondDiv-wordings {
//     font-size: 12px;
// }

.PrintA4Style11-print-table th,
.PrintA4Style11-print-table td {
    border: 1px solid #000;
    padding: 2px 6px;
    border-collapse: collapse;
    // font-size: 11px;
    font-weight: 600;
}

.PrintA4Style11-print-table th {
    background-color: #f2f2f2;
    padding: 5px 5px;
    // font-size: 12px;
    font-weight: 600;
}

.PrintA4Style11-print-prddtls {
    display: flex;
    justify-content: space-between;
    width: 95%;
}

.PrintA4Style11-QRcode {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: auto;
    mix-blend-mode: darken;
}

.PrintA4Style11-ThirdSubDiv1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.7rem, 2.5vw, 0.9rem);
}


.PrintA4Style11Table11 {
    width: 93%;
    padding: 0rem 0.5rem 0rem -0.2rem;
}

.PrintA4Style11Table11,
.PrintA4Style11th11,
.PrintA4Style11td11 {
    border: none;
    border-collapse: collapse;
    font-family: "Arimo", sans-serif;
}

.PrintA4Style11td11 {
    font-size: clamp(0.4rem, 2.5vw, 1.0rem);
}

.PrintA4Style11body-Tr {
    text-align: center;
    font-family: "Arimo", sans-serif;
}

.PrintA4Style11body-Product11 {
    text-align: left;
    font-size: clamp(0.4rem, 2.5vw, 1.0rem);
    border: none;
    border-collapse: collapse;
    font-family: "Arimo", sans-serif;
    padding-left: 5px;
}

.PrintA4Style11body-Rate11 {
    text-align: right;
    font-size: clamp(0.4rem, 2.5vw, 1.0rem);
    padding-right: 5px;
    border: none;
    border-collapse: collapse;
    font-family: "Arimo", sans-serif;
}

  </style>`;
  // a4 style
  const styleSales = `<style> 
    *{
      font-family:Poppins;
    }

    .Reprint-body{  
      height: 100%;
      margin: 0vw 0vh;
      padding: 1vw 2vh;
    }

    .Re-print-body-Tr {
      text-align: center;
      font-family: Poppins;
    }
    .Re-print-body-Product{
      text-align:left;
      font-size:12px;
      border: 1px solid black;
      border-collapse: collapse;
      font-family: Poppins;
      padding-left:5px;
    }
    .Re-print-body-Rate{
      text-align:right;
        font-size:12px;
        padding-right:5px;
        border: 1px solid black;
        border-collapse: collapse;
        font-family: Poppins;
    }
    .Re-print-Logo{
      width: 50px ;
      height: 50px;
      margin-bottom: -20px;
     }

    .Re-print-title {
      font-size: 19px;
      font-weight: 600;
      font-family: Gilroy;
      margin-bottom: -10px;
      text-align:center;
    }

    .Re-print-Add {
      font-size: 12px;
      font-family: Poppins;
      margin-bottom: -5px;
    }

    .Re-print-GST {
      font-size: 12px;
      font-family: Poppins;
    }

    .Re-print-top {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .Re-print-top2 {
      display: flex;
      flex-direction: column;
      font-family: Gilroy;
    }
    .Re-print-top3 {
      display: flex;
      width: 75%;
      margin:0px 30px;
      font-family: Gilroy;
      justify-content: space-between;
      margin-bottom: 5px;
    }
    .Re-print-bold{
      font-size: 8px;
      font-weight: 400;
      font-family: Poppins;
      letter-spacing: 1px;
    }

    .Re-print-bold1{
      font-size: 12px;
      font-weight: 600;
      font-family: Poppins;
      letter-spacing: 1px;
    }
    .Re-print-bold2{
      width:100%;
      font-size: 12px;
      font-family: Poppins;
      text-align:center;
    }

    .Re-print-Table {
        width: 90%;
        margin:0px 10px;
      }

    .Re-print-Table ,.Re-print-th ,.Re-print-td {
        border: 1px solid black;
        border-collapse: collapse;
        font-family: Poppins;
      }
      .Re-print-td
      {
        font-size:12px;
      }

    </style>`;

  const styleReprint = `<style> 
    @media print {
      body {  
      font-family: 'Roboto Slab', serif;    
      }
    }

    .Reprint-body{  
      height: 100%;
      margin: 0vw 0vh;
      padding: 1vw 2vh;
    }

    .Re-print-body-Tr {
      text-align: center;
      font-family: Poppins;
    }
    .Re-print-body-Product{
      text-align:left;
      font-size:12px;
      border: 1px solid black;
      border-collapse: collapse;
      font-family: Poppins;
      padding-left:5px;
    }
  .Re-print-body-Rate{
     text-align:right;
      font-size:12px;
      padding-right:5px;
      border: 1px solid black;
      border-collapse: collapse;
      font-family: Poppins;
  }

    .Re-print-title {
      font-size: 19px;
      font-weight: 600;
      font-family: Gilroy;
      margin-bottom: -10px;
      text-align:center;
    }
    .Re-print-Logo{
      width: 50px ;
      height: 50px;
      margin-bottom: -20px;
     }

    .Re-print-Add {
      font-size: 12px;
      font-family: Poppins;
      margin-bottom: -5px;
    }

    .Re-print-GST {
      font-size: 15px;
      font-family: Poppins;
    }

    .Re-print-top {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .Re-print-top2 {
      display: flex;
      flex-direction: column;
      font-family: Gilroy;
    }
    .Re-print-top3 {
      display: flex;
      width: 75%;
      margin:0px 30px;
      font-family: Gilroy;
      justify-content: space-between;
      margin-bottom: 5px;
    }
    .Re-print-bold{
      font-size: 15px;
      font-weight: 400;
      font-family: Poppins;
      letter-spacing: 1px;
    }

    .Re-print-bold1{
      font-size: 14px;
      font-weight: 400;
      font-family: Poppins;
    }
    .Re-print-bold2{
      width:100%;
      font-size: 15px;
      font-family: Poppins;
      text-align:center;
    }

    .Re-print-Table {
        width: 90%;
        margin:0px 10px;
      }

    .Re-print-Table ,.Re-print-th ,.Re-print-td {
        border: 0.01px solid #191919;
        border-collapse: collapse;
        font-family: Poppins;
        font-size:15px;
      }

    </style>`;

  const styleTableBooking = `<style> 
    @media print {
      body {  
      font-family: 'Roboto Slab', serif;    
      }
    }

  
  



    .Reprint-body{  
      height: 100%;
      margin: 0vw 0vh;
      padding: 1vw 2vh;
    }

    .Re-print-body-Tr {
      text-align: center;
      font-family: Poppins;
    }
    .Re-print-body-Product{
      text-align:left;
      font-size:12px;
      border: 1px solid black;
      border-collapse: collapse;
      font-family: Poppins;
      padding-left:5px;
    }
  .Re-print-body-Rate{
     text-align:right;
      font-size:12px;
      padding-right:5px;
      border: 1px solid black;
      border-collapse: collapse;
      font-family: Poppins;
  }
  .Re-print-Logo{
    width: 50px ;
    height: 50px;
    margin-bottom: -20px;
   }

    .Re-print-title {
      font-size: 19px;
      font-weight: 600;
      font-family: Gilroy;
      margin-bottom: -10px;
      text-align:center;
    }

    .Re-print-Add {
      font-size: 12px;
      font-family: Poppins;
      margin-bottom: -5px;
    }

    .Re-print-GST {
      font-size: 12px;
      font-family: Poppins;
    }

    .Re-print-top {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .Re-print-top2 {
      display: flex;
      flex-direction: column;
      font-family: Gilroy;
    }
    .Re-print-top3 {
      display: flex;
      width: 75%;
      margin:0px 30px;
      font-family: Gilroy;
      justify-content: space-between;
      margin-bottom: 5px;
    }
    .Re-print-bold{
      font-size: 8px;
      font-weight: 400;
      font-family: Poppins;
      letter-spacing: 1px;
    }

    .Re-print-bold1{
      font-size: 12px;
      font-weight: 600;
      font-family: Poppins;
      letter-spacing: 1px;
    }
    .Re-print-bold2{
      width:100%;
      font-size: 12px;
      font-family: Poppins;
      text-align:center;
    }

    .Re-print-Table {
        width: 90%;
        margin:0px 10px;
      }

    .Re-print-Table ,.Re-print-th ,.Re-print-td {
        border: 1px solid black;
        border-collapse: collapse;
        font-family: Poppins;
      }
      .Re-print-td
      {
        font-size:12px;
      }

    </style>`;

  const A4 = `<style> 


@page {
  size: A4;
  margin: 10mm;
  }

body {
  margin: 0;
  padding: 0;
  background: #F5F6F7;
  font-family: 'Inconsolata', monospace;
}

/* A4 Wrapper Page */
.page[size="A4"] {
  background: white;
  width: 210mm;
  // height: 297mm;
  margin: 0 auto 0.5cm auto;
  display: block;
  position: relative;
  page-break-after: always;
}

/* Remove shadows/margins in print */
@media print {
  body, .page[size="A4"] {
    margin: 0;
    box-shadow: none;
  }

  button,
  .no-print {
    display: none !important;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-footer-group;
  }

  .page {
    page-break-after: always;
  }
}

/* ===================== HEADER/FOOTER ===================== */
.page-headerA4Style11 {
  position: fixed;
  top: 0;
  width: 100%;
  background: white;
  color: #54694B;
  z-index: 1000;
}

.page-footerA4Style11 {

  width: 100%;
  background: rgb(240, 240, 240);
  text-align: center;
  z-index: 1000;
}

/* Placeholder space for header/footer in page body */
.page-headerA4Style11-space {
  height: 155px;
}

.page-footerA4Style11-space {
  height: 50px;
}

/* ===================== MAIN CONTAINER ===================== */
.PrintA4Style11-MasterDiv {
  background-color: #fff;
  width: 100%;
}

/* ===================== PRINT TABLE ===================== */
.A4TableA4Style11 {
  width: 100%;
  border-collapse: collapse;
}

.A4TableA4Style11 th,
.A4TableA4Style11 td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 4px;
  font-size: 16px;
}

.A4TableA4Style11 tr:nth-child(even) {
  background-color: #E8E8E8;
}

.total-Amount {
  font-size: 15px;
  font-weight: 600;
}

/* ===================== FLEX SECTIONS ===================== */
.PrintA4Style11-print-SecondDiv {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: clamp(0.7rem, 2.5vw, 1rem);
}

.PrintA4Style11-SecondDiv3 {
  width: 92%;
  display: flex;
  flex-direction: column;
}

/* ===================== PRODUCT TABLE ===================== */
.PrintA4Style11-print-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.PrintA4Style11-print-table th,
.PrintA4Style11-print-table td {
  border: 1px solid #000;
  padding: 5px 6px;
  font-weight: 600;
  font-size: 11px;
}

.PrintA4Style11-print-table th {
  background-color: #f2f2f2;
}

/* ===================== OTHER ELEMENTS ===================== */
.PrintA4Style11-QRcode {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: auto;
  mix-blend-mode: darken;
}

.PrintA4Style11-BrandImage {
  width: 87px;
  height: 87px;
  mix-blend-mode: darken;
}

.PrintA4Style11-print-dottline {
  border-top: 1px dashed #000;
}

.PrintA4Style11Table11 {
  width: 93%;
  padding: 1rem 0.5rem 0;
}

.PrintA4Style11body-Tr,
.PrintA4Style11Table11,
.PrintA4Style11th11,
.PrintA4Style11td11 {
   font-family: 'Inconsolata', monospace;
}

.PrintA4Style11td11,
.PrintA4Style11body-Rate11,
.PrintA4Style11body-Product11 {
  font-size: clamp(0.4rem, 2.5vw, 1.0rem);
  border: none;
  border-collapse: collapse;
  padding: 0 5px;
  text-align: right;
}

.PrintA4Style11body-Product11 {
  text-align: left;
}

.PrintA4Style11-ThirdSubDiv1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(0.7rem, 2.5vw, 0.9rem);
}

@media print {
  .print-page {
    width: 210mm;
    // height: 297mm;
    margin: 0 auto;
    overflow: hidden;
    page-break-inside: avoid;
    page-break-after: always;
  }

  .page-footerA4Style11 {
    page-break-before: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}



    </style> 
`
  const A5 = `<style>


// a4

@page {
  size: A4;
  margin: 10mm;
  }

body {
  margin: 0;
  padding: 0;
  background: #F5F6F7;
  font-family: 'Inconsolata', monospace;
}

/* A4 Wrapper Page */
.page[size="A4"] {
  background: white;
  width: 210mm;
  // height: 297mm;
  margin: 0 auto 0.5cm auto;
  display: block;
  position: relative;
  page-break-after: always;
}

/* Remove shadows/margins in print */
@media print {
  body, .page[size="A4"] {
    margin: 0;
    box-shadow: none;
  }

  button,
  .no-print {
    display: none !important;
  }

  thead {
    display: table-header-group;
  }

  tfoot {
    display: table-footer-group;
  }

  .page {
    page-break-after: always;
  }
}

/* ===================== HEADER/FOOTER ===================== */
.page-headerA4Style11 {
  position: fixed;
  top: 0;
  width: 100%;
  background: white;
  color: #54694B;
  z-index: 1000;
}

.page-footerA4Style11 {

  width: 100%;
  background: rgb(240, 240, 240);
  text-align: center;
  z-index: 1000;
}

/* Placeholder space for header/footer in page body */
.page-headerA4Style11-space {
  height: 155px;
}

.page-footerA4Style11-space {
  height: 50px;
}

/* ===================== MAIN CONTAINER ===================== */
.PrintA4Style11-MasterDiv {
  background-color: #fff;
  width: 100%;
}

/* ===================== PRINT TABLE ===================== */
.A4TableA4Style11 {
  width: 100%;
  border-collapse: collapse;
}

.A4TableA4Style11 th,
.A4TableA4Style11 td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 4px;
  font-size: 16px;
}

.A4TableA4Style11 tr:nth-child(even) {
  background-color: #E8E8E8;
}

.total-Amount {
  font-size: 15px;
  font-weight: 600;
}

/* ===================== FLEX SECTIONS ===================== */
.PrintA4Style11-print-SecondDiv {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: clamp(0.7rem, 2.5vw, 1rem);
}

.PrintA4Style11-SecondDiv3 {
  width: 92%;
  display: flex;
  flex-direction: column;
}

/* ===================== PRODUCT TABLE ===================== */
.PrintA4Style11-print-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.PrintA4Style11-print-table th,
.PrintA4Style11-print-table td {
  border: 1px solid #000;
  padding: 5px 6px;
  font-weight: 600;
  font-size: 11px;
}

.PrintA4Style11-print-table th {
  background-color: #f2f2f2;
}

/* ===================== OTHER ELEMENTS ===================== */
.PrintA4Style11-QRcode {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: auto;
  mix-blend-mode: darken;
}

.PrintA4Style11-BrandImage {
  width: 87px;
  height: 87px;
  mix-blend-mode: darken;
}

.PrintA4Style11-print-dottline {
  border-top: 1px dashed #000;
}

.PrintA4Style11Table11 {
  width: 93%;
  padding: 1rem 0.5rem 0;
}

.PrintA4Style11body-Tr,
.PrintA4Style11Table11,
.PrintA4Style11th11,
.PrintA4Style11td11 {
   font-family: 'Inconsolata', monospace;
}

.PrintA4Style11td11,
.PrintA4Style11body-Rate11,
.PrintA4Style11body-Product11 {
  font-size: clamp(0.4rem, 2.5vw, 1.0rem);
  border: none;
  border-collapse: collapse;
  padding: 0 5px;
  text-align: right;
}

.PrintA4Style11body-Product11 {
  text-align: left;
}

.PrintA4Style11-ThirdSubDiv1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(0.7rem, 2.5vw, 0.9rem);
}

@media print {
  .print-page {
    width: 210mm;
    // height: 297mm;
    margin: 0 auto;
    overflow: hidden;
    page-break-inside: avoid;
    page-break-after: always;
  }

  .page-footerA4Style11 {
    page-break-before: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

</style>`


  const A4Standard = `<style>

   @media print {
  .header {
    position: static !important;
    top: auto !important;
  }
  .print-chunk.print-page-break {
    page-break-before: always;
    break-before: page;
  }
    .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 
    
}
  
 .invoice-container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px;
      background-color: white;
      font-size: 14px;
      font-family: Arial, sans-serif;
    }

          .invoice-wrapper {
            border: 2px solid black;
          }

          .header-section {
            border-bottom: 1px solid black;
            padding: 2px 12px;
          }

          .header-section .company-name {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 8px;
          }

          .header-section p {
            margin: 4px 0;
          }

          .invoice-title {
            text-align: center;
            border-bottom: 1px solid black;
            // padding: 8px;
          }

          .invoice-title h2 {
            font-size: 24px;
            font-weight: bold;
            margin: 0;
          }

          .invoice-details-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-bottom: 1px solid black;
          }

          .invoice-details-left {
            padding: 5px;
            border-right: 1px solid black;
          }

          .invoice-details-right {
            padding: 5px;
          }

          .details-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            font-size: 12px;
          }

          .billing-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-bottom: 1px solid black;
          }

          .billing-left {
            padding: 5px;
            border-right: 1px solid black;
          }

          .billing-right {
            padding: 5px;
          }

          .section-title {
            font-weight: bold;
            margin-bottom: 8px;
            color:black;
          }

          .billing-details {
            font-size: 12px;
          }

          .billing-detail-item {
            margin: 4px 0;
          }

          .table-overflow {
            overflow-x: auto;
          }

          .items-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
          }

          .table-header {
            border-bottom: 1px solid black;
          }

          .table-header-cell {
            border-right: 1px solid black;
            padding: 4px;
            text-align: left;
            font-weight: bold;
            font-size:13px;
            font-family:'sans-serif';
          }

          .table-header-cell-last {
            padding: 4px;
            text-align: left;
            font-weight: bold;
            font-size:13px;
            font-family:'sans-serif';
          }

          .table-header-cell-center {
            border-right: 1px solid black;
            padding: 4px;
            text-align: center;
            font-weight: ;
            font-size:14x;
            font-family:'sans-serif';
          }

          .table-row {
            border-bottom: 1px solid black;
          }

          .table-cell {
            border-right: 1px solid black;
            padding: 4px;
          }

          .table-cell-last {
            padding: 4px;
          }

          .table-cell-center {
            border-right: 1px solid black;
            padding: 4px;
            text-align: center;
          }

          .total-row {
            border-bottom: 1px solid black;
            font-weight: bold;
          }

          .summary-grid {
            // display: grid;
            // grid-template-columns: 1fr 1fr;
            border: 1px solid black;
            display:flex;
            justify-content:space-between;
              border-left:none;
             border-right:none;
          }

          .summary-left {
          width:100%;
            padding: 5px;
          }

          .summary-right {
          width:100%;
            padding: 5px;
            border-left:1px solid black;
          }

          .summary-item {
            display: flex;
            justify-content: space-between;
            margin: 4px 0;
            font-size: 12px;
          }

          .summary-item-bold {
            display: flex;
            justify-content: space-between;
            margin: 4px 0;
            font-size: 12px;
            font-weight: bold;
          }

          .amount-in-words {
            font-size: 12px;
            margin-top: 4px;
          }

          .total-amount {
            font-size: 18px;
            font-weight: bold;
            text-align: right;
            margin-top: 16px;
          }

          .footer-grid {
            // display: grid;
            // grid-template-columns: 1fr 1fr;
             border: 1px solid black;
             border-left:none;
             border-top:none;
             border-bottom:none;
             border-right:none;
            display:flex;
            justify-content:space-between;
          }

          .footer-left {
          width:100%;
            padding: 5px;
          }

          .footer-right {
          width:100%;
            padding: 5px;
            flex-direction:column;
            border-left:1px solid black;
            }

          .bank-details-title {
            font-weight: bold;
            font-size: 12px;
            margin-bottom: 8px;
          }

          .bank-details {
            font-size: 12px;
          }

          .bank-detail-item {
            margin: 4px 0;
          }

          .terms-title {
            font-weight: bold;
            font-size: 12px;
            margin-top: 16px;
          }

          .certification {
            font-size: 12px;
            margin-bottom: 16px;
          }

          .signature-section {
            text-align: right;
          }

          .signature-text {
            font-size: 12px;
          }

          .signature-space {
            margin-top: 32px;
          }

          .copy-labels {
            border-top: 1px solid black;
            padding: 8px;
            text-align: center;
            font-size: 12px;
          }

          .copy-labels span {
            margin-right: 20px;
          }

          /* Responsive Design */
          @media (max-width: 768px) {
            .invoice-container {
              padding: 10px;
              font-size: 12px;
            }
            
            .invoice-details-grid,
            .billing-grid,
            .summary-grid,
            .footer-grid {
              // grid-template-columns: 1fr;
            }
            
            .invoice-details-left,
            .billing-left,
            .summary-left,
            .footer-left {
            }
            
            .details-grid {
              grid-template-columns: 1fr;
              gap: 4px;
            }
            
            .items-table {
              font-size: 10px;
              th{
              font-weight:600;
               font-size: 16px;
              }
            }
            
            .table-header-cell,
            .table-cell,
            .table-header-cell-center,
            .table-cell-center {
              padding: 2px;
               font-family:'sans-serif';
            }
          }

          @media print {
            .invoice-container {
              padding: 0;
              max-width: none;
            }
            
            .invoice-wrapper {
              border: 2px solid black;
            }
            
            body {
              margin: 0;
              padding: 0;
            }
          }
</style>`

 const OtherServicePrintStyle1 = `<style> 
     

  @media print {
    body { 
      font-family: 'sans-serif';
      font-size:13px;
    }
      .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 
  }

.PrintStyle1MasterDiv {
    color: #000; 
    line-height: normal;  
    font-size:10px; 
  }


  @media print {
  .header {
    position: static !important;
    top: auto !important;
  }
  .print-chunk.print-page-break {
    page-break-before: always;
  }
}


  .PrintStyle1-print {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    background-color: #f3f3f3;
    text-align: center;
  }
  

 
  
  .PrintStyle1-print-dottline {
    border-top: 1px dashed rgb(0, 0, 0);
  }
  
  .PrintStyle1-print-ordr-dtls{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0 0.5rem; 
      font-size:12px; 
  }
  
   
  
  .PrintStyle1-print-prddtls{
      display: flex; 
      justify-content: space-between;   
      width:100vw  
  }
  
   
  .PrintStyle1-print-tableMaster{
    display: flex;
    justify-content:center ; 
    // transform:scale(0.71);
  }
  
  .PrintStyle1-print-table { 
      width: 96%;
      border-collapse: collapse;
      margin:0px 0.5rem;  
      padding:0px 1px;   
      margin-bottom: 10px; 

      //  
      // margin-left:-6px;   
  }
  
  .PrintStyle1-print-table th, .PrintStyle1-print-table td {
    border: 1px solid #000;
    padding:2px 0.5px;
    border-collapse: collapse; 
    font-size: 12px;
    font-weight:600;
  }
  
  .PrintStyle1-print-table th {
    background-color: #f2f2f2;
    margin:5px 5px;
    font-size: auto;
    font-weight:600;
  }
  
  .PrintStyle1-print-prddtls td {
    font-weight: normal;
  }
  
  
  .PrintStyle1-print-ttlovrl{
    display: flex;
    justify-content:flex-end;
    padding: 0 21rem;
  
  }
  
  .PrintStyle1-print-prdttl{
    display: flex; 
    flex-direction:row;
    column-gap: 2rem;
  }
  
  .PrintStyle1-print-prdttl-amt{
    text-align: right;
  }
  
  .PrintStyle1-print-xtradtls{
    display: flex; 
    flex-direction: row;
    padding: 0 0.5rem;
    gap: 1rem;
    justify-content: start;
    align-items: center; 
    text-align: left;
    
  }
   
  .PrintStyle1-print-cusdottline{
    border-bottom : #000 dashed 1px;
    width: 140px;
    height: 20px;
  }
   
  
  .PrintStyle-signdiv{
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 0 0.5rem;
    gap: 0.5rem;
    justify-content: center;  
  
    .PrintStyle1-print-imp{
      font-size:12px;
    }
    .PrintStyle1-print-cusdottline{
      border-bottom : #000 dashed 1px;
      width: 200px;
      height: 20px;
    }
  
  }
  
  .PrintStyle1-print-strdtlss{
    display: flex;
    justify-content:start;
    flex-direction:row;
    padding: 0 0.5rem; 
    gap: 1rem;
  }
  
  
  .PrintStyle1-print-stradrs{
    text-align: center; 
    padding: 0 0.5rem;
  
  }
  
  .PrintStyle1-print-ftr{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
  }
    </style>`;
  const PurchaseOrderStyle = `<style>
    @media print {
      @page {
        size: A4;
        margin: 0;
      }
      
      .Quo-Print-Body {
        width: 195mm;
        margin: 0 auto;
        // padding: 10mm;
      }
    }
    
    .Quo-Print-Body {
      margin: 0;
      padding: 10px;
      background: white;
    }
  
    .Quo-Print-Content {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 200mm;
      margin: 0 auto;
      border: 1px solid rgb(170, 164, 164);
      padding: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    
    }
    .Quo-print-Logo{
      width: 50px ;
      height: 50px;
      margin:5px 0 0 5;
     }
    .Quo-Print-ComCus{
    display:flex;
    flex-direction:column;
      height:18vh;
      justify-content:space-between;
    }
    .Quo-Print-Tabsum{
      display:flex;
      flex-direction:column;
      justify-content:space-between; 
      gap:1rem;
      height:60vh;
    }
    .Quo-Print-Header{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    
    }

    .Quo-Print-Company{
      display:flex;
      flex-direction:column;
      padding:10px;
      gap:0.1rem;
    }
    .Quo-Print-Cname{
        font-size:25px;
    }
    .Quo-Print-address{
      font-size:22px;
      display:flex;
      flex-wrap:wrap;
    }
    .Quo-Print-Qno{
      display:flex;
      flex-direction:column;
      padding:10px;
      gap:0.1rem;
    }
    .Quo-Print-Customer{
      display:flex;
      flex-direction:Column;
      padding-left:10px;
      gap:0.1rem;
    }
    .Horizondal-line{
      border-bottom: 0.5px solid rgb(170, 164, 164);
    }
    .Quo-Print-Table{
      display:flex;
    }    .Quo-Print-ProTable {
      width: 100%;
      border-collapse: collapse;
      margin-top: 15px;
    }
    
    .Quo-Print-DataRow {
    //   line-height: 2.5rem;
      border-bottom: 1px solid #eee;
    }
    
    .Quo-Print-tableheader {
      background-color: #f8f9fa;
      border-top: 1px solid rgb(170, 164, 164);
      border-bottom: 1px solid rgb(170, 164, 164);
      line-height: 3rem;
    }
    
    .Quo-Print-TableData {
      text-align: right;
      padding: 8px;
      font-size: 14px;
    }
    
    .Quo-Print-TableDataSno {
      text-align: center;
      padding: 8px;
      font-size: 14px;
      width: 60px;
    }

    .Quo-Print-TableDataName {
      text-align: left;
      padding: 8px;
      font-size: 14px;
    }
    
    .Quo-Print-headingData {
      text-align: center;
      padding: 8px;
      font-size: 14px;
      font-weight: bold;
    }
    .Quo-Print-TableDataAmt{
      text-align:right;
      padding-right:5px;
      font-size:25px;
    }
    .Quo-Print-Summary{
      display:flex;
      flex-direction:row;
      justify-content: flex-end;
      
    }
    .Quo-Print-SummTableData{
      text-align:right;
      padding:1px;
      font-size:22px;
      
    }
    .Quo-Print-Total{
      display:flex;
      justify-content:flex-end;
      border:0.5px solid black;
      width:300px;
      margin-right: 10px;
      font-size:20px;
    }
   
 
    }

</style>`;

  const TaxInvoice = `<style>
 /* TaxInvoice.scss - Exact Match Design */

.invoice-container {
  width: 100%;
  max-width: 210mm;
  margin: 0 auto;
  background: white;
  padding: 8px;
  font-family: 'Arial', sans-serif;
  font-size: 9px;
  line-height: 1.1;
  color: #000;
}

/* Header */
.invoice-header {
  text-align: center;
  margin-bottom: 0;
  padding: 3px 0;
}

.overall-container {
  border: 1px solid #000;
  background: white;
}

.invoice-title {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1px;
}

.original-text {
  text-align: center;
  font-size: 7px;
  font-weight: normal;
}

/* Company Section */
.company-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 24px;
}

.seller-details {
  // border: 1px solid black;
  padding: 12px;
}

.company-name {
  font-weight: bold;
  margin-bottom: 8px;
}

.company-info {
  font-size: 10px;
}

.company-info>div {
  margin-bottom: 4px;
}

.invoice-details {
  display: flex;
  flex-direction: column;
  // gap: 16px;
}

.detail-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  font-size: 10px;
}

.detail-label {
  font-weight: 600;
  margin-bottom: 2px;
}

.terms-delivery {
  font-size: 10px;
}

/* Buyer Details */
.buyer-details {
  border: 1px solid black;
  padding: 12px;
  margin-bottom: 24px;
  font-size: 10px;
}

.buyer-title {
  font-weight: bold;
  margin-bottom: 4px;
}

.buyer-name {
  font-weight: bold;
}

.buyer-details>div {
  margin-bottom: 2px;
}

/* Items Table */
.items-table {
  border: 1px solid black;
  margin-bottom: 16px;
}

.table-header {
  display: grid;
  grid-template-columns: 8% 42% 12% 12% 16% 10%;
  background-color: #f5f5f5;
  border-bottom: 1px solid black;
  font-size: 10px;
  font-weight: 600;
}

.table-header>div {
  padding: 8px;
  border-right: 1px solid black;
}

.table-header>div:last-child {
  border-right: none;
}

.table-row {
  display: grid;
  grid-template-columns: 8% 42% 12% 12% 16% 10%;
  border-bottom: 1px solid black;
  font-size: 10px;
}

.table-row>div {
  padding: 8px;
  border-right: 1px solid black;
}

.table-row>div:last-child {
  border-right: none;
  text-align: right;
}

.col-si {
  text-align: center;
}

.col-amount {
  text-align: right;
}

.item-name {
  font-weight: 600;
  margin-bottom: 2px;
}

.item-code {
  font-size: 9px;
  color: #666;
}

.subtotal-row {
  display: grid;
  grid-template-columns: 90% 10%;
  font-size: 10px;
}

.col-spacer {
  padding: 8px;
}

.subtotal-row .col-amount {
  padding: 8px;
  text-align: right;
  border-top: 1px solid black;
}

.tax-row {
  display: grid;
  grid-template-columns: 90% 10%;
  font-size: 10px;
}

.tax-label {
  padding: 8px;
  text-align: right;
}

.tax-row .col-amount {
  padding: 8px;
  text-align: right;
}

.rounding-row {
  display: grid;
  grid-template-columns: 58% 32% 10%;
  font-size: 10px;
}

.rounding-text {
  padding: 8px;
}

.rounding-label {
  padding: 8px;
  text-align: right;
}

.rounding-row .col-amount {
  padding: 8px;
  text-align: right;
}

.total-row {
  display: grid;
  grid-template-columns: 66% 14% 20%;
  background-color: #f5f5f5;
  border-top: 2px solid black;
  font-size: 10px;
  font-weight: bold;
}

.total-text {
  padding: 8px;
}

.total-quantity {
  padding: 8px;
  text-align: center;
}

.total-amount {
  padding: 8px;
  text-align: right;
}

/* Amount in Words */
.amount-words {
  font-size: 10px;
  margin-bottom: 16px;
}

.amount-words-label {
  font-weight: 600;
}

.amount-words-text {
  font-weight: bold;
}

/* Tax Details Table */
.tax-table {
  border: 1px solid black;
  margin-bottom: 24px;
}

.tax-table-header {
  display: grid;
  grid-template-columns: 14% 14% 10% 14% 10% 19% 19%;
  background-color: #f5f5f5;
  border-bottom: 1px solid black;
  font-size: 10px;
  font-weight: 600;
}

.tax-table-header>div {
  padding: 8px;
  border-right: 1px solid black;
}

.tax-table-header>div:last-child {
  border-right: none;
}

.tax-table-row {
  display: grid;
  grid-template-columns: 14% 14% 10% 14% 10% 19% 19%;
  border-bottom: 1px solid black;
  font-size: 10px;
}

.tax-table-row>div {
  padding: 8px;
  border-right: 1px solid black;
}

.tax-table-row>div:last-child {
  border-right: none;
}

.tax-table-total {
  display: grid;
  grid-template-columns: 14% 14% 10% 14% 10% 19% 19%;
  background-color: #f5f5f5;
  font-size: 10px;
  font-weight: bold;
}

.tax-table-total>div {
  padding: 8px;
  border-right: 1px solid black;
}

.tax-table-total>div:last-child {
  border-right: none;
}

/* Tax Amount in Words */
.tax-amount-words {
  font-size: 10px;
  margin-bottom: 24px;
}

.tax-amount-label {
  font-weight: 600;
}

/* Bottom Section */
.bottom-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 24px;
}

.bank-details {
  font-size: 10px;
}

.bank-title {
  font-weight: 600;
  margin-bottom: 8px;
}

.bank-label {
  font-weight: 600;
}

.bank-details>div {
  margin-bottom: 2px;
}

.signature-section {
  text-align: right;
}

.signature-text {
  font-size: 10px;
  margin-bottom: 16px;
}

.signature-stamp {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 64px;
}

.stamp-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stamp-text {
  font-size: 10px;
  text-align: center;
  color: #2563eb;
}

/* Declaration */
.declaration {
  font-size: 10px;
  margin-bottom: 16px;
}

.declaration-title {
  font-weight: 600;
}

/* Footer */
.footer {
  text-align: center;
  font-size: 10px;
}

.invoice-details {
  border: 1px solid #000; // outer border
  // padding: 12px;
  width: 100%;
  font-size: 14px;

  .detail-row {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #000;
    // padding: 8px 0;
    height: 2.5rem;

    &:first-of-type {
      border-top: none; // remove border for the first row
    }

    >div {
      width: 48%;
      border-left: 1px solid #000;
      padding-left: 8px;

      &:first-child {
        border-left: none;
      }

      .detail-label {
        font-weight: 600;
        margin-bottom: 4px;
      }
    }
  }

  .terms-delivery {
    border-top: 1px solid #000;
    // margin-top: 8px;
    padding-top: 8px;

    .detail-label {
      font-weight: 600;
      margin-bottom: 4px;
    }

    >div {
      padding-left: 4px;
    }
  }
}


/* Print Styles */
@media print {
  @page {
    size: A4;
    margin: 1cm;
  }
 .pdf-page {
    page-break-after: always;
    break-after: page;
    width: 208mm;
    height: 295mm;
    overflow: hidden;
    margin-top:5px;
  } 
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .invoice-container {
    max-width: none;
    padding: 0;
    font-size: 11px;
  }


}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .invoice-container {
    padding: 10px;
    font-size: 10px;
  }

  .company-section {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .bottom-section {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
 </style>`

  const PrintingFrom = {
    'Sales': styleSales,
    'Reprint': styleReprint,
    'TableBooking': styleTableBooking,
    'Quotation': PurchaseOrderStyle
  }

  const style13 = PrintingFrom[PrintFrom]

  const stylesMap = {
    "Style 1": style1,
    "Style 2": style2,
    "Style 3": style3,
    "Style 4": style4,
    "Style 5": style5,
    "Style 6": style6,
    "Style 7": style7,
    "Style 8": style8,
    "Style 9": style9,
    "Style 10": style10,
    "Style 11": style11,
    "Style 12": style12,
    "Style 13": style13,
    "A4": A4,
    "A5": A5,
    "A4Standard": A4Standard,
    "TaxInvoice":TaxInvoice,
    "OtherServices1": OtherServicePrintStyle1,
  };
  const FinalStyle = stylesMap[printStyle];

  return FinalStyle;
}