        {% include 'layouts/page/' ~ session ~ '/banner.twig' %}
    <section id="recommend-section">
        <div class="container vision-text-content">
            <div class="row">
                <div class="col-11 mx-auto">
                    {% include 'layouts/breadcrumb.twig' %}
                    <div class="row d-flex justify-content-center vision-bottom-padding">
                        {# <div class="col-4"><img class="img-fluid img-center" src="{{ path.image ~ 'recommend/' ~ record.featureImage }}"></div>
                        <div class="col-6">
                            <h5 class="vision-text-color recommend-block-padding-top"><strong>{{ record.name }}</strong></h5>
                            <h6 class="vision-text-color-blue recommend-block-padding"><strong>{{ record.title }}</strong><br></h6>
                            <p class="recommend-block-padding-bottom">{{ record.description }}</p>
                        </div> #}
                        <div class="col-12 col-md-4"><img class="img-fluid img-center" src="{{ '../../upload/recommend_images/' ~ recommendcontent.ep_pic }}"></div>
                        <div class="col-12 col-md-6">
                            <h5 class="vision-text-color recommend-block-padding-top"><strong>{{ recommendcontent.cp_subject }}</strong></h5>
                            <h6 class="vision-text-color-blue recommend-block-padding"><strong>{{ recommendcontent.cp_brief }}</strong><br></h6>
                            <p class="recommend-block-padding-bottom">{{ recommendcontent.cp_content | raw }}</p>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
