@include('layouts.header')
<div class="container my-5">
    <h5 class="common-small-title">Product &amp; Services</h5>
    <h3 class="common-big-title mb-3">Our Products & Services</h3>
    <div role="tabpanel">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav-justified d-flex justify-content-start branch-tab" role="tablist">
            <li role="presentation">
                <a href="#individualFamily" aria-controls="dhaka" class="active"
                    style="font-size: 24px;    font-weight: 600;" role="tab" data-toggle="tab">
                    CSL-ERP-VAT
                </a>
            </li>
        </ul>

        <div role="tabpanel" class="tab-pane" id="corporateCommercial">
            <div id="accordion">
            <section>
                <div id="health" class="collapse show" aria-labelledby="headingThree"
                data-parent="#accordion">
                <div class="card-body">


                    <div class="row g-4 my-3">

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/hotel.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Company Information</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/vat_report.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Vat Report</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                           <img loading="lazy"src="images/ErpVat/hr.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Supplier</h5>
                    </a>
                </div>
                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                          <img loading="lazy"src="images/ErpVat/product.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Product Entry</h5>
                    </a>
                </div>
                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                          <img loading="lazy"src="images/ErpVat/customer_logo.jpg"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Customer</h5>
                    </a>
                </div>



                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                        <img loading="lazy"src="images/ErpVat/proc.jpg"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Purchase</h5>
                    </a>
                </div>



                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                          <img loading="lazy"src="images/ErpVat/service.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Service Information</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/issue.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Raw Mateial Entry</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/publication2.jpg"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">I/O Coefficent</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/order.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Manufacture info</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/production_order.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Production Order</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                           <img loading="lazy"src="images/ErpVat/raw_issue.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Raw Materail Issue</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/production.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Production</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                          <img loading="lazy"src="images/ErpVat/contract_menu.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Issu for Contarct</h5>
                    </a>
                </div>



                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                    <img loading="lazy"src="images/ErpVat/wa.png"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">RM Wastage</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                             <img loading="lazy"src="images/ErpVat/product_cont.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Production (Contact)</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                       <img loading="lazy"src="images/ErpVat/rej.png"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Finish Goods Reject</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                             <img loading="lazy"src="images/ErpVat/sales.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Sales</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/sale_return.png"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Seals Return</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                           <img loading="lazy"src="images/ErpVat/transfer.png"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Goods Transfer</h5>
                    </a>
                </div>










                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                          <img loading="lazy"src="images/ErpVat/vds_voucher.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">VDS Vouchar</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                       <img loading="lazy"src="images/ErpVat/service_bill.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Service Bill Entry</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                          <img loading="lazy"src="images/ErpVat/sale.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Treasury Challan</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                         <img loading="lazy"src="images/ErpVat/admin.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Admin Setup</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/mis_rep.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">MIS Report</h5>
                    </a>
                </div>
                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/mushak_9.1.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Mushak 5.1 Return</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                             <img loading="lazy"src="images/ErpVat/stock.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Stock Report</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/vat_note.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Vat Note Info</h5>
                    </a>
                </div>


                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/interest_pay.gif"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Interest & Payble</h5>
                    </a>
                </div>

                <div class="col-md-2 " style="padding: 0px 20px 0px 20px; ">
                    <a href="">
                        <div class="branch-card branch-cards"
                            style="position:relative; border-radius:20px; overflow:hidden; max-height:150px;  ">
                            <img loading="lazy"src="images/ErpVat/insu.jpg"
                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute; background-color:white;  "
                                alt="" srcset="">
                        </div>
                        <h5 style="color:black;" class=" text-center mt-2">Insurance</h5>
                    </a>
                </div>


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




                </div>
            </div>

        </div>
    </div>
</div>
</div>
</div>
@include('layouts.footer')