@include('frontend.header')

    <main class="main">

        <!-- HEADER -->
        <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.png)">
            <div class="container">
                <h2 class="breadcrumb-title">Hostel & Transport</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="#">Home</a></li>
                    <li class="active">Hostel & Transport</li>
                </ul>
            </div>
        </div>
        <!-- HOSTEL FACILITIES -->
        <section class="content-section py-5">
            <div class="container text-center">
                <h3 class="section-heading mb-4">
                    <i style="color:#012758;"></i>Hostel Facilities
                </h3>
                <ul class="list-unstyled text-start" style="text-align: justify;">
                    @foreach($hfacilities as $facility)
                    <li class="mb-2">
                        <i class="bi bi-check-circle-fill" style="color:#0d47a1;"></i>
                        {{ trim($facility->para) }}
                    </li>
                    @endforeach
                </ul>
            </div>
        </section>

        <!-- TRANSPORT FACILITIES -->
        <section class="content-section py-5">
            <div class="container text-center">
                <h3 class="section-heading mb-4">
                    <i style="color:#012758;"></i>Transport Facilities
                </h3>
                <ul class="list-unstyled text-start" style="text-align: justify;">
                    @foreach($tfacilities as $facility)
                    <li class="mb-2">
                        <i class="bi bi-check-circle-fill" style="color:#0d47a1;"></i>
                        {{ trim($facility->para) }}
                    </li>
                    @endforeach
                </ul>
            </div>
        </section>

    </main>

    <!-- Custom Styles -->
    <style>
.section-heading {
    color: #0d47a1;
    /* Dark uniform blue */
    font-weight: 600;
    text-align: center;
}
    </style>



    @include('frontend.footer')