.ts-post-card{

display:flex;

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 8px 30px rgba(0,0,0,.08);

margin-bottom:30px;

}
.ts-post-card__content{

padding:26px;

display:flex;

flex-direction:column;

justify-content:center;

}
.ts-post-card__title{

font-size:20px;

font-weight:700;

line-height:1.35;

margin-bottom:15px;

}
.ts-post-card__meta{

display:flex;

gap:8px;

align-items:center;

font-size:14px;

color:#666;

margin-bottom:15px;

}
.ts-post-card__excerpt{

font-size: 18px;
    line-height: 1.3;

color:#555;

}
.ts-post-card{

transition:.3s;

}
.ts-post-card:hover{

transform:translateY(-3px);

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.ts-post-card{

flex-direction:column;

}
section{

margin-top:40px;

}
.post-card{

    display:flex;

    align-items:stretch;

    min-height:275px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    margin-bottom:38px;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.post-thumb{

    width:310px;

    flex-shrink:0;

}

.post-thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.post-content{

    flex:1;

    padding:35px;

}

.post-title{

    font-size:25px;

    font-weight:700;

    line-height:1.35;

    margin-bottom:18px;

}

.post-title a:hover{

    color:#2563eb;

}

.post-meta{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:22px;

    color:#6b7280;

    font-size:16px;

}

.post-excerpt{

    color:#555;

    font-size:18px;

    line-height:1.8;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    overflow:hidden;

}
/*custom*/
.ts-post-card{
        display: grid;
    grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 767px) {

    .ts-post-card{
        display:flex !important;
    }

}