@extends("Site.Layouts.blank")
@section ("content")


    <section class=" relative">

        <!-- *=*=*=*=*=*=*=*=*=* Section Banner *=*=*=*=*=*=*=*=*=* -->
        <div class="w-full relative overflow-x-hidden overflow-y-hidden">
            <img class="w-full    min-h-[320px] md:h-auto object-cover  " src="{{$setting['News_page_banner']}}" alt="banner">
            <div class="left_bottom-absolute min-w-full">
                <div class="Banner_text-wrapper">
                    <h1> News </h1>
                </div>
            </div>
        </div>

    </section>




    <!-- *=*=*=*=*=*=*=*=*=* Section New details *=*=*=*=*=*=*=*=*=* -->

    <section>

        <div class="mx-2 sm:mx-5 md:mx-7 lg:mx-14 2xl:mx-40 my-10 pb-6 border-b border-slate-400	">
            <span class=" text-gray-400 text-xl mt-10 "> {{$news->formatted_publish_data}} </span>

            <h1 class="text-2xl md:text-3xl lg:text-[40px] font-thin text-gray-400 lg:!leading-[2.75rem]  my-5"> {{$news->title}} </h1>

            <div id="news_content">
                <div class="mx-auto table md:inline mb-2  ">
                    <img src="{{$news->image}}" alt="{{$news->title}}" class="md:float-left md:rtl:float-right pe-2">
                </div>
                {!! $news->content !!}
            </div>
        </div>

    </section>

    <div class="clear-both	"></div>

    <!-- *=*=*=*=*=*=*=*=*=* Section CONTACT US *=*=*=*=*=*=*=*=*=* -->
    @include('Site._contact_us')

@endsection


@section("script")
    <script>

    </script>
@endsection