{{-- feature --}}
<section class="default-news-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <!-- Feature News -->
                <div class="most-popular-news" id="business">
                    <div class="section-title">
                        <div class="row">
                            <h2>फिचर <a href="politics.php"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                        height="16" fill="currentColor" class="bi bi-arrow-up-right-circle-fill"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8m5.904 2.803a.5.5 0 1 1-.707-.707L9.293 6H6.525a.5.5 0 1 1 0-1H10.5a.5.5 0 0 1 .5.5v3.975a.5.5 0 0 1-1 0V6.707z" />
                                    </svg></a></h2>
                        </div>
                    </div>
                    <div class="business-news-slides owl-carousel owl-theme">
                        @foreach ($categories as $type)
                            @if ($type->alias == 'feature')
                                @foreach ($type->news as $item)
                                    <div class="single-business-news">
                                        <div class="business-news-image">
                                            <a href="news-details.php">
                                                <img src="{{ asset($item->thumb) }}" alt="image">
                                            </a>
                                        </div>
                                        <div class="business-news-content">
                                            <h3>
                                                <a href="news-details.php">{{ $item->title }}</a>
                                            </h3>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        @endforeach

                    </div>
                </div>
                <!-- Sidebar -->
                <div class="col-lg-4">
                    <aside class="widget-area">
                        <section class="widget widget_featured_reports">
                            <div class=" col-lg-10" style=" margin-left: 10%;">
                                <img src="{{ asset('hulaki/assets/img/add/ads9.jpg') }}" alt="image"
                                    style="margin-top: 0%;">
                            </div>
                        </section>
                    </aside>
                </div>
            </div>
            <hr>
        </div>
</section>