@if ($category['type'] == 3 && count($category['banner_news']))
        <section class="section home-service light-bg">
        <div class="container">
            <div class="row title-row">
                <div class="items col-sm-6 col-md-7 col-7 offset-md-1 wow animate__animated animate__fadeIn"
                    data-wow-delay="0.5s">
                    <div class="titles section-title">{{ $category['category_name'] }}</div>
                    @if (isset($servicePage->tagline))
                        <span class="description">
                            {{ $servicePage->tagline }}
                        </span>
                    @endif
                </div>

                <div class="items btn-item col-sm-6 col-md-3 col-3 wow animate__animated animate__fadeIn"
                    data-wow-delay="0.5s">
                    <a @if(isset($category['permalink']) && $category['permalink'] !== null ) href="{{ $category['permalink'] }}" @else href="{{ route('frontend.news-list', $category['category_slug']) }}" @endif
                        class="btn rounded-btn outline-btn m-0" title="View More">
                        View More
                    </a>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row normal-slider services-slider">
                @foreach ($category['banner_news'] as $news)
                    <div class="slick-slide items col">
                        <div class="post-items">
                            <a @if(isset($news['permalink']) && $news['permalink'] !== null ) href="{{ $news['permalink'] }}" @else href="{{ route('frontend.news-detail', ['id' => $news['id'], 'slug' => $news['slug']]) }}" @endif
                                title="{{ $news['false_title'] ?? $news['title'] }}">
                                <figure class="article-img">
                                    <img src="{{ imageThumb('800X600', $news['false_featured_image'] ?? $news['featured_image'], $news['id']) }}"
                                        alt="{{ $news['false_title'] ?? $news['title'] }}">
                                    <span class="caption-info">
                                        <h2 class="titles post-title">
                                            {{ $news['false_title'] ?? $news['title'] }}
                                        </h2>
                                        <span class="btn rounded-btn outline-btn">Read More</span>
                                    </span>
                                </figure>
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endif

@if ($category['template_type'] == 'page' && $category['type'] == 1 && count($category['banner_page']))
        <section class="section home-mission-vision">
        <div class="container">
            <div class="row title-row">
                <div class="items col-sm-8 col-md-7 col-7 offset-md-1 wow animate__animated animate__fadeIn"
                    data-wow-delay="0.5s">
                    <div class="titles section-title">
                        {{ $bannerPage['title'] }}
                    </div>
                    <span class="description">
                        {{ Illuminate\Support\Str::words($bannerPage['summary'], 30, '...') }}
                    </span>
                </div>

                <div class="items btn-item col-sm-4 col-md-3 col-3 wow animate__animated animate__fadeIn"
                    data-wow-delay="0.5s">
                    <a @if(isset($bannerPage['permalink']) && $bannerPage['permalink'] !== null ) href="{{ $bannerPage['permalink'] }}" @else href="{{ route('frontend.static-page', $bannerPage['title']) }}" @endif
                        class="btn rounded-btn outline-btn m-0" title="{{ $bannerPage['title'] }}">Read More</a>
                </div>
            </div>
            <div class="row facts-figures">
                                @if (isset($bannerPage['acf']['details']) && isset($bannerPage['acf']['details']['acf_facts_title']))
                    @for ($i = 0; $i < $factsCount; $i++)
                        <div class="items col-sm-4 col-md-4">
                            <div class="boundary-box">
                                <span class="titles dec-title text-uppercase">{!! $bannerPage['acf']['details']['acf_facts_title'][$i] !!}</span>
                                @if (isset($bannerPage['acf']['details']['acf_facts_number'][$i]))
                                    <span class="titles fact-title">
                                        <span class="count-number">
                                            {!! $bannerPage['acf']['details']['acf_facts_number'][$i] !!}
                                        </span>
                                        @if (isset($bannerPage['acf']['details']['acf_facts_symbol'][$i]))
                                            <span class="unit-txt">{!! $bannerPage['acf']['details']['acf_facts_symbol'][$i] !!}</span>
                                        @endif
                                    </span>
                                @endif
                                @if (isset($bannerPage['acf']['details']['acf_facts_description'][$i]))
                                    <span class="description">
                                        {!! $bannerPage['acf']['details']['acf_facts_description'][$i] !!}
                                    </span>
                                @endif
                            </div>
                        </div>
                    @endfor
                @endif
            </div>
        </div>
    </section>
@endif