.sarie-grid-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin:15px 0;
}

.sarie-grid-item{
    background:#f6f6f6;
    position:relative;
    overflow:hidden;
    transition:all .3s ease;
}

.sarie-grid-item:hover{
    background:#efefef;
    transform:translateY(-3px);
}

.sarie-grid-item .sarie-featured-thumb{
    display:block;
    height:160px;
    overflow:hidden;
}

.sarie-grid-item .sarie-featured-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.sarie-grid-item:hover .sarie-featured-thumb img{
    transform:scale(1.05);
}

.sarie-grid-item .sarie-featured-content{
    padding:12px 10px;
}

.sarie-grid-item .sarie-featured-title{
    margin:0;
    font-size:15px !important;
    font-family:'Farhang2FaNum', sans-serif;
    font-weight:600;
    line-height:1.5 !important;
    color:#222;
    position:relative;
    padding-right:14px;
}

.sarie-grid-item .sarie-featured-title:before{
    content:"";
    position:absolute;
    right:0;
    top:9px;
    width:7px;
    height:7px;
    background:#e21e22;
}

.sarie-grid-item .sarie-featured-title a{
    text-decoration:none;
    color:inherit;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

@media(max-width:1024px){
    .sarie-grid-4{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .sarie-grid-4{
        grid-template-columns:1fr;
    }
}