@extends('layouts.main')

@section('content')

    <section class="py-4 py-md-3 banner-c page-inner-banner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <h1 class="text-white f-sm-30 f-30 fw-500 mb-0">
                        <!-- <img src="{{ asset('img/bread2.png') }}" alt="" class="img-fluid pe-3" width="70px" height="70px" /> -->
                        Our Network
                    </h1>
                </div>
                <div class="col-md-6 text-end"></div>
            </div>
        </div>
    </section>

    <section class="breadcrumb  custom_breadcrumb py-3  bgBlueLight">
        <div class="container">
            <div class="row align-items-center">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}" role="button" tabindex="0"><i class="fa fa-home"></i></a></li>
                    <li class="breadcrumb-item active" aria-current="page">Our Network</li>
                </ol>
            </div>
        </div>
    </section>

    <section class="padding-sec pb-md-4 pt-2 left_Sec_content bg-white hospital-main-sec" id="hospital">
        <div class="container">
            <h3 class="text-md-start f-sm-22   mb-4 mt-md-2 fw-500 clrBlueDark">
                <span class="heading-line f-22 f-sm-22 fw-500">Our Network</span>
            </h3>
            <x-hospital :hospitals="$hospitals"></x-hospital>
        </div>
    </section>

@stop