@push('css')
    <style>
        a {
            /* color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); */
            text-decoration: none;
        }
    </style>
@endpush
<div>
    <x-slot name="title">হাওর মেরামত ও রক্ষা</x-slot>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 mt-5 p-0 rounded-3" style="background-color: #dee7f5">
                <div class="row">
                    <div class="col-6 col-md-6 mb-3 mb-md-0 p-2">

                        <h4 class="ms-5 mt-2" style="color:#084298">হাওর মেরামত ও রক্ষা</h4>
                    </div>

                    <div class="col-md-6 mb-2  d-flex justify-content-end">
                        <a tabindex="0" href="{{route('haorsys.home')}}"
                            class="btn text-light text-center mt-2 me-3" style="background-color:#2c77d8">
                            <span><i class="fas fa-arrow-left"></i> লিস্টে ফিরে যান</span>
                        </a>
                        &nbsp;&nbsp;
                        {{-- <a tabindex="0" href=""
                            class="btn text-light text-center mt-2 me-3" style="background-color:#6738b3">
                            <span style="margin-bottom: 0px; "><i class="fas fa-file"></i> এখনি আবেদন করুন</span>
                        </a> --}}
                    </div>
                </div>
            </div>

 
            <div class="col-md-9 bg-white rounded-5 mt-2 pb-5" >
                <div class="mt-3 me-2 me-sm-3 m-3">
                    <button class="btn btn-white btn-outline-info text-center" style="padding: 5px 10px 5px 10px;">
                        <h5> <i class="fa fa-info-circle"></i> <b>সেবা সংশ্লিষ্ট তথ্য</b></h5>
                    </button>
                </div>
                <x-theme::layouts.backend.card class="mb-5" style="background-color: rgb(248, 248, 249)">
                    <h1 class="text-center"><b></b> </h1>
                </x-theme::layouts.backend.card>
               

                <div class="mt-3 me-2 me-sm-3 m-3">
                    <button class="btn btn-white btn-outline-info text-center" style="padding: 5px 10px 5px 10px">

                        <h5> <i class="fa fa-info-circle"></i> <b>সাধারণ
                                তথ্য</b></h5>
                    </button>

                </div>
                <x-theme::layouts.backend.card class="mb-5" style="background-color: rgb(248, 248, 249)">
                </x-theme::layouts.backend.card>
              
            </div>
            {{-- <div class="col-md-1"></div> <!-- Empty column for space --> --}}

            <div class="col-md-3 right-side mt-0">
                <div class="bg-white rounded-5 mt-2 pb-5">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="mt-3 me-2 me-sm-3 m-3">
                                    <button class="btn btn-white btn-outline-info text-center"
                                        style="padding: 5px 10px 5px 10px">

                                        <h5> <i class="fa fa-info-circle"></i> <b>গুরুত্বপূর্ণ তথ্য</b></h5>
                                    </button>
                                    {{-- <button id="downloadButton"
                                        class="btn btn-white btn-outline-info text-center "
                                        style="padding: 5px 10px 5px 10px">
                                        <h5><i class="fa fa-download"></i> <b>সার্কুলার ডাউনলোড</b></h5>
                                    </button> --}}
                                </div>
                                <x-theme::layouts.backend.card class="mb-5 m-4" style="background-color: rgb(248, 248, 249)">
                                </x-theme::layouts.backend.card>
                                
                            </div>
                        </div>

                    </div>
                </div>

            </div>

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