.-.-.-.-.-

<!DOCTYPE HTML
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
  xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="x-apple-disable-message-reformatting">
  
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <title> Invoice #{{$data->id}} </title>

.u-row .u-col {
        vertical-align: top;
      }

.u-row .u-col-27 {
        width: 162px !important;
      }

.u-row .u-col-29p01 {
        width: 174.06px !important;
      }

.u-row .u-col-31p16 {
        width: 186.96px !important;
      }

.u-row .u-col-33p33 {
        width: 199.98px !important;
      }

.u-row .u-col-39p67 {
        width: 238.02px !important;
      }

.u-row .u-col-39p83 {
        width: 238.98px !important;
      }

.u-row .u-col-100 {
        width: 600px !important;
      }

}

@media (max-width: 620px) {
      .u-row-container {
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
      }

.u-row .u-col {
        min-width: 320px !important;
        max-width: 100% !important;
        display: block !important;
      }

.u-row {
        width: calc(100% - 40px) !important;
      }

.u-col {
        width: 100% !important;
      }

.u-col>div {
        margin: 0 auto;
      }
    }

body {
      margin: 0;
      padding: 0;
    }

table,
    tr,
    td {
      vertical-align: top;
      border-collapse: collapse;
    }

p {
      margin: 0;
    }

.ie-container table,
    .mso-container table {
      table-layout: fixed;
    }

* {
      line-height: inherit;
    }

a[x-apple-data-detectors='true'] {
      color: inherit !important;
      text-decoration: none !important;
    }

table,
    td {
      color: #000000;
    }

#u_body a {
      color: #0000ee;
      text-decoration: underline;
    }

@media (max-width: 480px) {
      #u_content_image_1 .v-src-width {
        width: auto !important;
      }

#u_content_image_1 .v-src-max-width {
        max-width: 55% !important;
      }

#u_content_heading_1 .v-font-size {
        font-size: 33px !important;
      }

#u_content_heading_17 .v-container-padding-padding {
        padding: 30px 10px 5px 20px !important;
      }

#u_content_text_5 .v-container-padding-padding {
        padding: 10px 10px 10px 20px !important;
      }

#u_content_text_6 .v-container-padding-padding {
        padding: 10px 10px 15px 20px !important;
      }

#u_content_text_7 .v-container-padding-padding {
        padding: 10px 10px 30px 20px !important;
      }

#u_content_heading_4 .v-container-padding-padding {
        padding: 30px 10px 10px !important;
      }

#u_content_heading_6 .v-container-padding-padding {
        padding: 20px 10px 30px !important;
      }

#u_content_heading_18 .v-container-padding-padding {
        padding: 30px 10px 10px !important;
      }

#u_content_heading_20 .v-container-padding-padding {
        padding: 20px 10px 30px !important;
      }

#u_content_heading_11 .v-container-padding-padding {
        padding: 30px 10px 10px !important;
      }

#u_content_heading_13 .v-container-padding-padding {
        padding: 20px 10px 30px !important;
      }

#u_content_heading_14 .v-container-padding-padding {
        padding: 30px 10px 10px !important;
      }

#u_content_heading_16 .v-container-padding-padding {
        padding: 20px 10px 30px !important;
      }

#u_content_heading_7 .v-container-padding-padding {
        padding: 30px 10px 10px !important;
      }

#u_content_heading_9 .v-container-padding-padding {
        padding: 20px 10px 30px !important;
      }

#u_content_heading_2 .v-container-padding-padding {
        padding: 30px 10px 5px 20px !important;
      }

#u_content_text_4 .v-container-padding-padding {
        padding: 10px 10px 10px 20px !important;
      }

#u_content_button_1 .v-size-width {
        width: auto !important;
      }

#u_content_heading_21 .v-container-padding-padding {
        padding: 50px 10px 30px !important;
      }
    }

</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap" rel="stylesheet" type="text/css">

</head>

<div class="u-col u-col-100"
                  style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h3 class="v-font-size"
                                style="margin: 0px; color: #26264f; line-height: 140%; text-align: left; word-wrap: break-word; font-weight: normal; font-family: 'Montserrat',sans-serif; font-size: 18px;">
                                <strong>Shipping Details:</strong>
                              </h3>

</td>
                          </tr>
                        </tbody>
                      </table>

<div style="color: #2a2b57; line-height: 140%; text-align: left; word-wrap: break-word;">
                                <p style="font-size: 14px; line-height: 140%;"><span
                                    style="font-size: 14px; line-height: 25.2px; font-family: Rubik, sans-serif;">Order
                                    Number: {{$data->id}}</span></p>
                              </div>

</td>
                          </tr>
                        </tbody>
                      </table>

<div style="line-height: 180%; text-align: left; word-wrap: break-word;">
                                <p style="font-size: 14px; line-height: 180%;"><span
                                    style="font-size: 12px; line-height: 32.4px; font-family: Rubik, sans-serif;">Delivered-to:
                                    <strong>{{$data->user_first_name}} {{$data->user_last_name}} </strong></span></p>
                                <p style="font-size: 14px; line-height: 180%;"><span
                                    style="font-size: 12px; line-height: 32.4px; font-family: Rubik, sans-serif;">Email:
                                    <strong> {{$data->user_email}} </strong></span></p>
                                <p style="font-size: 14px; line-height: 180%;"><span
                                    style="font-size: 12px; line-height: 32.4px; font-family: Rubik, sans-serif;">Phone:<strong>
                                      {{$data->user_mobile}} </strong></span></p>
                                <p style="font-size: 14px; line-height: 180%;"><span
                                    style="font-size: 12px; line-height: 32.4px; font-family: Rubik, sans-serif;">Address:
                                    <strong>{{$delivery}}&nbsp;</strong></span></p>
                              </div>

</td>
                          </tr>
                        </tbody>
                      </table>

<div style="color: #2a2b57; line-height: 170%; text-align: left; word-wrap: break-word;">
                                <p style="font-size: 14px; line-height: 170%;"><span
                                    style="font-size: 12px; line-height: 30.6px; font-family: Rubik, sans-serif;">Date
                                    Ordered: {{date('d-m-Y', strtotime($data->date_time))}}</span></p>
                              </div>

</td>
                          </tr>
                        </tbody>
                      </table>

</div>
                    
                  </div>
                </div>
                
                
              </div>
            </div>
          </div>

<div class="u-col u-col-39p83"
                  style="max-width: 320px;min-width: 238.98px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 16px;">
                                <strong>Description</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</div>
                    
                  </div>
                </div>
                
                
                <div class="u-col u-col-29p01"
                  style="max-width: 320px;min-width: 174.06px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 16px;">
                                <strong>Quantity</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</div>
                    
                  </div>
                </div>
                
                
                <div class="u-col u-col-31p16"
                  style="max-width: 320px;min-width: 186.96px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

</td>
                          </tr>
                        </tbody>
                      </table>

@foreach($data->orders as $order)
          <div class="u-row-container"
            style="padding: 0px;background-repeat: no-repeat;background-position: center top;background-color: transparent">
            <div class="u-row"
              style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #f4f8fb;">
              <div
                style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 16px;">
                                {{$order->name}}
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</div>
                    
                  </div>
                </div>
                
                
                <div class="u-col u-col-27"
                  style="max-width: 320px;min-width: 162px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: center; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 16px;">
                                {{$order->quantity}}
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</div>
                    
                  </div>
                </div>
                
                
                <div class="u-col u-col-33p33"
                  style="max-width: 320px;min-width: 199.98px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 16px;">
                                
                                @if($order->discount > 0)
                                    {{$general->currencySymbol}} {{$order->sell_price}}
                                @endif

@if($order->discount <= 0)
                                    {{$general->currencySymbol}} {{$order->original_price}}
                                @endif
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>Item Total</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>{{$general->currencySymbol}} {{$data->total}}</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>Discount</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong> - {{$general->currencySymbol}} {{$data->discount}}</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>Service Tax</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>{{$general->currencySymbol}} {{$data->tax}}</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>Wallet Discount</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong> - {{$general->currencySymbol}} {{$data->wallet_price !=null && $data->wallet_price ? $data->wallet_price : 0 }}</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>Delivery Cost</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>{{$general->currencySymbol}} {{$data->delivery_charge}}</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

<div class="u-col u-col-39p67"
                  style="max-width: 320px;min-width: 238.02px;display: table-cell;vertical-align: top;">
                  <div
                    style="height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
                    
                    <div
                      style="height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: start; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>Grand Total</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h4 class="v-font-size"
                                style="margin: 0px; color: #6a71a8; line-height: 140%; text-align: end; word-wrap: break-word; font-weight: normal; font-family: 'Rubik',sans-serif; font-size: 14px;">
                                <strong>{{$general->currencySymbol}} {{$data->grand_total}}</strong>
                              </h4>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
                          </tr>
                        </tbody>
                      </table>

<h1 class="v-font-size"
                                style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-weight: normal; font-family: 'Montserrat',sans-serif; font-size: 14px;">
                                Thank You for being with Us!
                              </h1>

</td>
                          </tr>
                        </tbody>
                      </table>

<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32"
                                    style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
                                    <tbody>
                                      <tr style="vertical-align: top">
                                        <td align="left" valign="middle"
                                          style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
                                          <a href="{{$general->social->facebook}}" title="facebook" target="_blank">
                                            <img src="{{asset('images/image-2-5.png')}}" alt="facebook" title="facebook" width="32"
                                              style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>

<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32"
                                    style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
                                    <tbody>
                                      <tr style="vertical-align: top">
                                        <td align="left" valign="middle"
                                          style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
                                          <a href="{{$general->social->twitter}}" title="twitter" target="_blank">
                                            <img src="{{asset('images/image-2-4.png')}}" alt="twitter" title="twitter" width="32"
                                              style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>

<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32"
                                    style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
                                    <tbody>
                                      <tr style="vertical-align: top">
                                        <td align="left" valign="middle"
                                          style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
                                          <a href="{{$general->social->instagram}}" title="Instagram" target="_blank">
                                            <img src="{{asset('images/image-2-3.png')}}" alt="Instagram" title="Instagram" width="32"
                                              style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>

<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32"
                                    style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 15px">
                                    <tbody>
                                      <tr style="vertical-align: top">
                                        <td align="left" valign="middle"
                                          style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
                                          <a href="{{$general->social->playstore}}" title="playstore" target="_blank">
                                            <img src="{{asset('images/image-2-2.png')}}" alt="playstore" title="playstore" width="32"
                                              style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>

<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32"
                                    style="width: 32px !important;height: 32px !important;display: inline-block;border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 0px">
                                    <tbody>
                                      <tr style="vertical-align: top">
                                        <td align="left" valign="middle"
                                          style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
                                          <a href="{{$general->social->appstore}}" title="appstore" target="_blank">
                                            <img src="{{asset('images/image-2-1.png')}}" alt="appstore" title="YouTube" width="32"
                                              style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>

</div>
                              </div>

</td>
                          </tr>
                        </tbody>
                      </table>

<div
                                style="color: #d4d4d4; line-height: 180%; text-align: center; word-wrap: break-word;">
                                <p style="font-size: 14px; line-height: 180%;"><span
                                    style="font-family: Rubik, sans-serif; font-size: 14px; line-height: 25.2px;">If you
                                    have any questions, feel free message us at {{$general->email}}. </span><br /><span
                                    style="font-family: Rubik, sans-serif; font-size: 14px; line-height: 25.2px;">All
                                    rights reserved.</span><br /><span
                                    style="font-family: Rubik, sans-serif; font-size: 14px; line-height: 25.2px;">{{$general->mobile}}</span><br /><span
                                    style="font-family: Rubik, sans-serif; font-size: 14px; line-height: 25.2px;"> {{$general->address}} {{$general->city}} {{$general->state}} {{$general->country}} {{$general->zip}} </span>
                                </p>
                              </div>

</td>
                          </tr>
                        </tbody>
                      </table>

<div
                                style="color: #95a5a6; line-height: 140%; text-align: center; word-wrap: break-word;">
                                <p style="font-size: 14px; line-height: 140%;"><span
                                    style="font-family: Rubik, sans-serif; font-size: 14px; line-height: 19.6px;">&copy;
                                    {{now()->year}} &nbsp; {{$general->name}} Company. All Rights Reserved.</span></p>
                              </div>

</td>
                          </tr>
                        </tbody>
                      </table>

</td>
      </tr>
    </tbody>
  </table>
  
  
</body>

</html>

/home/users/unlimited/www/api.xalonx.com/resources/views/product-invoice.blade.php