{style}{literal}
#iisjcse_widget * {
    box-sizing: border-box;
}
/* Float four columns side by side */
#iisjcse_widget .column {
    float: left;
    width: 50%;
    padding: 0 10px;
    padding-top: 10px;
}
#iisjcse_widget a:link,
#iisjcse_widget a:visited {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
#iisjcse_widget a:link:active, a:visited:active {
    color: inherit;
}
#iisjcse_widget .headerOfCard {
    text-align: center;
    margin: 0px 10px 20px;
}
/* Responsive columns */
@media screen and (max-width: 600px) {
    #iisjcse_widget .column {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    #iisjcse_widget .column:nth-child(2) {
        border-top: 1px dashed #a2afa7;
        padding-top: 17px;
    }
}
/* Style the counter cards */
#iisjcse_widget .card {
    padding: 2px 5px;
    text-align: center;
    background-color: #f1f1f1;
    margin-bottom: 6px;
    opacity: 1;
    border-radius: 4px;
}
#iisjcse_widget .card:lang(fa-IR),#iisjcse_widget .card h3:lang(fa-IR),#iisjcse_widget .card p:lang(fa-IR)  {
    padding: 2px 5px;
    text-align: center !important;
    background-color: #f1f1f1;
    margin-bottom: 6px;
    opacity: 1;
    border-radius: 4px;
}
#iisjcse_widget .card:hover {
    opacity: 0.9;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#iisjcse_widget .card p {
    padding: 0px;
    color: #b91f53;
}
#iisjcse_widget .column h3 {
    margin-top: 5px;
    color: #087124;
}
#iisjcse_widget h2 {
    font-size: 17px;
    color: #566155 !important;
}
{/literal}{/style}
<div id="iisjcse_widget">
    <div class="column">
    <h2 class="headerOfCard">{text key='iisjcse+most_downloaded_list_header'}</h2>
    {foreach from=$articles_dl item="article"}
    <a href="{$article.url}">
        <div class="card">
            <h3>{$article.title}</h3>
            <p>{$article.authors}</p>
        </div>
    </a>
    {/foreach}
    </div>
    <div class="column">
        <h2 class="headerOfCard">{text key='iisjcse+most_recent_list_header'}</h2>
        {foreach from=$articles_latest item="article"}
        <a href="{$article.url}">
            <div class="card">
                <h3>{$article.title}</h3>
                <p>{$article.authors}</p>
            </div>
        </a>
        {/foreach}
    </div>
</div>