@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">
                    Software Development
                </a>
            </li>
            <li role="presentation">
                <a href="#corporateCommercial" aria-controls="dhaka" style="font-size: 24px;    font-weight: 600;"
                    role="tab" data-toggle="tab">
                    Web Development
                </a>
            </li>

            <li role="presentation">
                <a href="#apps" aria-controls="dhaka" style="font-size: 24px;    font-weight: 600;"
                    role="tab" data-toggle="tab">
                    Apps Development
                </a>
            </li>

        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="individualFamily">
                <div class="row g-4 my-3">
                    <div class="col-md-4">
                        {{-- <a href="{{ route('private-vehicles') }}"> --}}
                            <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                                <img src="images/products/private-vehicle.jpg"
                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                                    srcset="">
                            </div>
                            <h2 class="branch-card-title">Private Vehicles</h2>
                        </a>
                    </div>
                    <div class="col-md-4">
                        {{-- <a href="{{ route('home-householders') }}"> --}}
                            <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                                <img src="images/products/householder.jpg"
                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                                    srcset="">
                            </div>
                            <h2 class="branch-card-title">Home & Householder’s</h2>
                        </a>
                    </div>
                    <div class="col-md-4">
                        {{-- <a href="{{ route('personal-accidents') }}"> --}}
                            <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                                <img src="images/products/personal-accident.jpg"
                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                                    srcset="">
                            </div>
                            <h2 class="branch-card-title">Personal Accidents</h2>
                        </a>
                    </div>
                    <div class="col-md-4">
                        {{-- <a href="{{ route('overseas-mediclaim-policyomp') }}"> --}}
                            <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                                <img src="images/products/overseas.jpg"
                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                                    srcset="">
                            </div>
                            <h2 class="branch-card-title">Overseas Mediclaim Policy</h2>
                        </a>
                    </div>
                </div>
            </div>


{{--............................................................................................ --}}
   <!-- Tab panes -->
   <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="apps">
        <div class="row g-4 my-3">
            <div class="col-md-4">
                {{-- <a href="{{ route('private-vehicles') }}"> --}}
                    <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                        <img src="images/products/private-vehicle.jpg"
                            style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                            srcset="">
                    </div>
                    <h2 class="branch-card-title">Private Vehicles</h2>
                </a>
            </div>
            <div class="col-md-4">
                {{-- <a href="{{ route('home-householders') }}"> --}}
                    <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                        <img src="images/products/householder.jpg"
                            style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                            srcset="">
                    </div>
                    <h2 class="branch-card-title">Home & Householder’s</h2>
                </a>
            </div>
            <div class="col-md-4">
                {{-- <a href="{{ route('personal-accidents') }}"> --}}
                    <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                        <img src="images/products/personal-accident.jpg"
                            style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                            srcset="">
                    </div>
                    <h2 class="branch-card-title">Personal Accidents</h2>
                </a>
            </div>
            <div class="col-md-4">
                {{-- <a href="{{ route('overseas-mediclaim-policyomp') }}"> --}}
                    <div class="branch-card" style="position:relative; border-radius:20px; overflow:hidden;">
                        <img src="images/products/overseas.jpg"
                            style="width: 100%; top: 0; left:0; height:100%;  position:absolute;" alt=""
                            srcset="">
                    </div>
                    <h2 class="branch-card-title">Overseas Mediclaim Policy</h2>
                </a>
            </div>
        </div>
    </div>

{{-- ............................................................................................. --}}

            
            <div role="tabpanel" class="tab-pane" id="corporateCommercial">
                <div id="accordion">


                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#motor" aria-expanded="false"
                            aria-controls="motor">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Motor
                                </button>
                            </h5>
                        </div>
                        <div id="motor" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion">
                            <div class="card-body">
                                <div class="row g-4 my-3">
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('private-vehicles') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/private-vehicle.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Private vehicle</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('commercial-vehicles') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/commercial.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Commercial vehicle</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('third-party-liability-act-liability') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Thirdparty.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Third Party liabilities</h2>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#propoertyAndCasualties"
                            aria-expanded="false" aria-controls="propoertyAndCasualties">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Propoerty & casualties
                                </button>
                            </h5>
                        </div>
                        <div id="propoertyAndCasualties" class="collapse show" aria-labelledby="headingThree"
                            data-parent="#accordion">
                            <div class="card-body">
                                <div class="row g-4 my-3">
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('fire-allied-perils') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/fire-and-allied-perils.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Fire & Allied Perils</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('loss-of-profits') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/loss-of-profits.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Loss of Profits</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('industrial-all-risk-iar') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/industrial-all-risk.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Industrials All Risks</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('burglary-house-breaking') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/burglary-and-house-breakingjpg.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Burglary and House Breaking</h2>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#engineering"
                            aria-expanded="false" aria-controls="engineering">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Engineering
                                </button>
                            </h5>
                        </div>
                        <div id="engineering" class="collapse show" aria-labelledby="headingThree"
                            data-parent="#accordion">
                            <div class="card-body">
                                <div class="row g-4 my-3">
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('contractors-all-risk-car') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/contractor-all-risk.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Contractors All Risks</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('erection-all-risk-ear') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Erection All Risks.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Erection All Risks</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('contractors-plant-machinery') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Contractor Pland And Machinery.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Contractor Pland And Machinery</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('machinery-breakdown-mbd') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/machinery break down.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Machinery Break And Down</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('electrical-electronic-equipment') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Electrical And Electronic Equipment.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Electrical And Electronic Equipment</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('deterioration-of-stock-dos') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/deterioration of stock.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">deterioration of stock </h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('boiler-pressure-vessels') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Boiler And Pressure Vessels.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Boiler And Pressure Vessels</h2>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#marine" aria-expanded="false"
                            aria-controls="marine">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Marine
                                </button>
                            </h5>
                        </div>
                        <div id="marine" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion">
                            <div class="card-body">
                                <div class="row g-4 my-3">
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('marine-cargo') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/marine-cargo.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Marine Cargo</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('marine-hull') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/marine-hull.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Marine Hull</h2>
                                        </a>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#liability"
                            aria-expanded="false" aria-controls="liability">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Liability
                                </button>
                            </h5>
                        </div>
                        <div id="liability" class="collapse show" aria-labelledby="headingThree"
                            data-parent="#accordion">
                            <div class="card-body">
                                <div class="row g-4 my-3">
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('public-liability') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/public-liability.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Public Liability</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('comprehensive-general-liability') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Comprehensive General Liability.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Comprehensive General Liability</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('product-liability') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Product Liability.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Product Liability</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('professional-liability') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Profession Liability.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Profession Liability</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('workmens-compensation') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Works's man Compensation.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Works's man Compensation</h2>
                                        </a>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#miscellaneous"
                            aria-expanded="false" aria-controls="miscellaneous">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Miscellaneous
                                </button>
                            </h5>
                        </div>
                        <div id="miscellaneous" class="collapse show" aria-labelledby="headingThree"
                            data-parent="#accordion">
                            <div class="card-body">
                                <div class="row g-4 my-3">
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('fidelity-guarantee') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Fidelity Guarantee.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Fidelity Guarantee</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('cash-in-safe') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Cash In Safe.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Cash In Safe</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('cash-in-transit') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Cash In Transit.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Cash In Transit</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('money-insurance') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Money Insurance.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Money Insurance</h2>
                                        </a>
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#aviationHull"
                            aria-expanded="false" aria-controls="aviationHull">
                            <h5 class="mb-0">
                                <a href="{{ route('aviation-hul') }}" class="btn btn-link collapsed">
                                    Aviation Hull
                                </a>
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row g-4 my-3">
                                <div class="col-md-4">
                                    {{-- <a href="{{ route('cash-in-safe') }}"> --}}
                                        <div class="branch-card"
                                            style="position:relative; border-radius:20px; overflow:hidden;">
                                            <img src="images/products/Aviation Hull.jpg"
                                                style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                alt="" srcset="">
                                        </div>
                                        <h2 class="branch-card-title">Aviation Hull</h2>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" data-toggle="collapse" data-target="#health" aria-expanded="false"
                            aria-controls="health">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed">
                                    Health
                                </button>
                            </h5>
                        </div>
                        <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-4">
                                        {{-- <a href="{{ route('mass-health') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Mass Health.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Mass Health</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('personal-accident') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/Personal Accident.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">Personal Accident</h2>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        {{-- <a href="{{ route('peoples-personal-accident') }}"> --}}
                                            <div class="branch-card"
                                                style="position:relative; border-radius:20px; overflow:hidden;">
                                                <img src="images/products/People Personal Accident.jpg"
                                                    style="width: 100%; top: 0; left:0; height:100%;  position:absolute;"
                                                    alt="" srcset="">
                                            </div>
                                            <h2 class="branch-card-title">People Personal Accident</h2>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

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

<!-- <div class="container">
    <ul class="gdi-product-list-new">
        <div class="row my-5">
            <div class="col-md-12 col-12">

                <div class="row g-0">
                    <div class="col-md-4">
                        <div class="services-card">
                            <img src="images/services/fire.jpg" alt="" srcset="">
                            <div class="service-name">
                                <h3 style="opacity: .90; color: Yellow; ">FIRE AND ALLIED INSURANCE</h3>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-4">
                        <div class="services-card">
                            <img src="images/services/Marine-Insurance.jpg" alt="" srcset="">
                            <div class="service-name">
                                <h3 style="opacity: .90; color: Yellow;">MARINE HULL INSURANCE</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="services-card">
                            <img src="images/services/marine-cargo.jpg" alt="" srcset="">
                            <div class="service-name">
                                <h3 style="opacity: .90; color: Yellow;">MARINE CARGO INSURANCE</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="services-card">
                            <img src="images/services/motor-insurance.jpg" alt="" srcset="">
                            <div class="service-name">
                                <h3 style="opacity: .90; color: Yellow;">Motor Insurance</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="services-card">
                            <img src="images/services/industrial-all-risk-insurance.jpg" alt="" srcset="">
                            <div class="service-name">
                                <h3 style="opacity: .90; color: Yellow;">INDUSTRIAL ALL RISK </h3>
                            </div>
                        </div>
                    </div>


                </div>

                <br>
                <ul class="product-services-list">
                    <li class="mb-3">
                        <h3>Services</h3>
                        <ul class="product-services-inner-list">
                            <li><span></span>FIRE AND ALLIED INSURANCE</li>
                            <li><span></span>INDUSTRIAL ALL RISK INCLUDING BUSINESS INTEERUPTION INSURANCE</li>
                            <li><span></span>BURGLARY AND HOUSEBREAKING</li>
                            <li><span></span>LOSS OF PROFIT/ BUSINESS INTERRUPTION INSURANCE</li>
                            <li><span></span>MARINE CARGO INSURANCE</li>
                            <li><span></span>MARINE HULL INSURANCE</li>
                            <li><span></span>MOTOR VEHICLE INSURANCE</li>
                            <li><span></span>ALL RISK INSURANCE</li>
                            <li><span></span>CASH-IN-TRANSIT INSURANCE</li>
                            <li><span></span>CASH-IN-SAFE INSURANCE</li>
                            <li><span></span>CASH-ON-COUNTER INSURANCE</li>
                            <li><span></span>WORKMEN’S COMPENSATION INSURANCE</li>
                            <li><span></span>FIDELITY GUARANTEE INSURANCE</li>
                            <li><span></span>PRODUCT LIABILITY INSURANCE</li>
                            <li><span></span>PUBLIC LIABILITY INSURANCE</li>
                            <li><span></span>COMPREHENSIVE GENERAL LIABILITY INSURANCE</li>
                            <li><span></span>PERSONAL ACCIDENT INSURANCE</li>
                            <li><span></span>PEOPLES PERSONAL ACCIDENT INSURANCE</li>
                            <li><span></span>OVERSEAS MEDICLAIM INSURANCE</li>
                            <li><span></span>OVERSEAS MEDICLAIM (CORPORATE FREQUENT TRAVEL) INSURANCE</li>
                            <li><span></span>ERECTION ALL RISK INSURANCE</li>
                            <li><span></span>CONTRACTORS ALL RISK INSURANCE</li>
                            <li><span></span>MACHINERY BREAKDOWN INSURANCE</li>
                            <li><span></span>BOILER AND PRESSURE PLANT INSURANCE</li>
                            <li><span></span>DETERIORATION OF STOCK IN COLD STORAGE INSURANCE</li>
                            <li><span></span>ELECTRICAL EQUIPMENT INSURANCE</li>
                            <li><span></span>CATTLE AND LIVESTOCK INSURANCE</li>
                            <li><span></span>HEALTH INSURANCE</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </ul>
</div> -->


@include('layouts.footer')