@php
    $color=['table-custom','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light','table-primary','table-secondary','table-success','table-danger','table-warning','table-info','table-light'];
    $btn_color=['btn btn-green','btn btn-lime','btn btn-yellow','btn btn-orange','btn btn-red','btn btn-pink','btn btn-purple','btn btn-indigo','btn btn-azure','btn btn-blue','btn btn-teal','btn btn-cyan','btn btn-gray','btn btn-gray-dark'];
@endphp

<table class="table border  text-md-nowrap mb-0">
                                            {{-- <thead  class="table-info"> --}}
                                                {{-- border-bottom: 1px solid #e9edf4; --}}
                                                <tbody >
                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Service</td>
                                                    <td>:</td>
                                                    <td>{{$product->service_name}}</td>
                                                    </tr>


                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Category</td>
                                                    <td>:</td>
                                                    <td>{{$product->category_name}}</td>
                                                    </tr>

                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Description</td>
                                                    <td>:</td>
                                                    <td ><p>{!! $product->service_desc !!}</p></td>
                                                    </tr>

                                                    <tr class="{{$color[0]}} table-border">
                                                    <td>Title Image</td>
                                                    <td>:</td>
                                                    <td class="text-center" ><a style="cursor: pointer;" target="_blank" href="/uploads/service_img/{{$product->service_title_img}}"><img width="290"  src="/uploads/service_img/{{$product->service_title_img}}"  ></a></td>
                                                    </tr>
                                                </tbody>

                                        </table>