<style>
  .logo-div{
    background: <?php echo $color?>;
    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    box-sizing: border-box;
  }

  .logo-div > img{
    margin-left: -25%;
  }
  .client-header{
    color: <?php echo $color?>;
    font-size: 18px;
    line-height: 31px;
  }
  .company-name{
    font-size: 20px;
    font-weight: bold;
  }
  .title-invoice{
    font-size: 31px;
    border-bottom: 4px solid <?php echo $color?>;
  }
  .invoice-detail{
    list-style-type: none;
    padding-left: 0px;
  }

  ul.invoice-detail li::before {
    content: "\f0c8";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: <?php echo $color?>; /* Change the color */
    margin-right: 10px;
  }
  table.table.table-invoices tbody>tr>th{
    background: <?php echo $color?>;
    color: <?php echo is_light($color) ? '#000' : '#fff'?>;
  }
</style>