<section class="relatedArticle cell">
    <div class="sizeCenterElm columns">
        <h2 class="titleCategory">
            related article
        </h2>
        <a href="{{ url('news') }}" class="viewall">
            view all
        </a>
    </div>
    <div class="cell columns">
        <div class="sizeCenterElm grid-x">
            <div class="fuji-carousel owl-theme">
                {% set posts = entries('posts').type('default').recent().take(3).get() %}
                {% for articles in posts if articles.slug != request_segment(2) %}
                    <div class="item">
                        <a href="{{ url('news/' ~ articles.slug) }}">
                            <img src="{{ image(articles.news_cover_image.cropped()).fit(350,340, null, 'top-left').url() }}"
                                 alt="{{ articles.title }}"/>
                        </a>
                        <div class="caption">
                            <div class="posBot">
                                <a href="{{ url('news/' ~ articles.slug) }}">
                                    <h4 class="title">{{ str_limit(articles.title, 65) }}</h4>
                                </a>
                            </div>
                            <span class="category">{{ articles.category.name }}</span>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>