@extends('layouts/main-layout')


@section('meta_title')
Bio Medical Waste | KM NU Hospitals
@endsection



@section('meta_description')
Bio Medical Waste | KM NU Hospitals
@endsection



@section('meta_keywords')
@endsection


@section('canonical')
https://www.nuhospitals.com/
@endsection



@section('custom-css')
<style>
    .equal-widht-box {
        align-items: stretch;
    }

    .equal-widht-box .img-box-bg {
        padding: 0;
    }

    .equal-widht-box .img-box-bg img {
        width: 100%;
    }

    .equal-widht-box .content-box-bg {
        background: #fea087;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 105px;
        padding-right: 105px;
    }

    .equal-widht-box .content-box-bg h2 {
        font-weight: 800;
        font-size: 32px;
    }

    .equal-widht-box .content-box-bg p {
        font-size: 22px;
    }

    .top-border-tabs li a {
        min-width: 200px;
        padding: .5rem 1rem;
        border: 1px solid #545454;
        color: #545454;
        display: block;
        margin-right: 15px;
        position: relative;
        text-decoration: none;
        text-align: center;
    }

    .top-border-tabs li a.active {
        background: #eef8f9;
        border: 1px solid #d8d9db;
    }

    .top-border-tabs li a.active::before {
        content: "";
        width: 100%;
        height: 5px;
        background: #48adef;
        border-top: transparent;
        position: absolute;
        left: 0;
        top: 0;
    }

    .gallery-box-wrapper {
        padding: 10px;
        border: 1px solid #808080;
    }

    .gallery-box {
        position: relative;
    }

    .gallery-box .img {
        height: 300px;
        overflow: hidden;
        display: flex;
    }

    .gallery-box .img img {
        width: 100%;
    }

    .gallery-content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(180deg, #054d7bc2, #007fd2d9, #48adefeb);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        /* -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); */
        opacity: 0;
        -webkit-transition: .3s ease;
        transition: .5s ease;
    }

    .gallery-box:hover .gallery-content {
        /* -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); */
        opacity: 1;
    }

    .gallery-content h4 {
        color: #fff;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
    }

    .gallery-content i {
        background: #fff;
        padding: 8px 9px;
        color: #48adef;
        border-radius: 50%;
        font-size: 24px;
        cursor: pointer;
    }

    .text-banner {
        min-height: unset;
    }

    #myModal {
        background-color: #0b0b0bf2;
        overflow-y: scroll;
    }

    .lightbox {
        /*position: absolute;
		top:0;
		left:0;
		width:100%;*/
        float: left;
        width: 100%;
        padding: 20px;
    }

    .lightbox-header {
        float: left;
        width: 100%;
        padding: 15px;
    }

    .lightbox-header h1 {
        float: left;
        color: #fff;
    }

    .lightbox-header a {
        float: right;
        font-size: 23px;
        color: #fff;
    }

    .lightbox-gallery {
        float: left;
        width: 100%;
    }

    .lightbox h3 {
        font-size: 17px;
        margin-bottom: 30px;
        color: #343a40;
        text-align: justify;
    }

    .lightbox-img {
        float: left;
        width: 100%;
    }

    .owl-carousel .owl-item img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: 400px;
    }

    @media screen and (max-width: 600px) {
        .owl-carousel .owl-item img {
            display: block;
            margin: 0 auto;
            width: auto;
            height: auto;
        }
    }

    .modal-title {
        float: left;
        width: 90%;
        color: #fff;
        font-weight: 600;
    }

    .close {
        float: right;
        color: #fff;
        font-size: 30px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 35%;
        left: 0;
        color: #fff;
        background-color: #0b0b0bf2;
        font-size: 20px;
    }

    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 35%;
        right: 0;
        color: #fff;
        background-color: #0b0b0bf2;
        font-size: 20px;
    }

    .owl-carousel .owl-nav button.owl-prev span,
    .owl-carousel .owl-nav button.owl-next span {
        padding: 15px;
        font-size: 30px;
        font-weight: bold;
    }

    .owl-prev span,
    .owl-next span {
        color: #fff;
    }

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: #0b0f12;
        color: #FFF;
        text-decoration: none;
    }

    .owl-theme .owl-dots .owl-dot,
    .owl-theme .owl-dots .owl-dot.active {
        display: inline-block !important;
        zoom: 1;
    }
</style>
@endsection



@section('content')
<section class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center mb-4">
                <h2>Bio Medical Waste</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 bmw-box mb-4">
                <img src="{{asset('assets/images/bmw/bmw-ambur-2025.png')}}" class="img-fluid" alt="KMNU BMW Report">
            </div>
            <div class="col-md-6 bmw-box mb-4">
                <img src="{{asset('assets/images/bmw/bmw-ambur-2024.png')}}" class="img-fluid" alt="KMNU BMW Report">
            </div>
        </div>
    </div>
</section>


@endsection



@section('custom-js')

@endsection