.post-box{position:relative;width:100%;display:flex;flex-direction:column;gap:20px}.post-box .box-image{width:100%;height:auto;overflow:hidden;position:relative;border-radius:8px}.post-box .image-cover{display:block;padding-top:55%}.post-date{color:#66645e;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.post-title{display:flex;justify-content:space-between;align-items:center;text-decoration:none}.post-title span{overflow:hidden;color:var(--color-5, #5A5854);font-size:18px;font-style:normal;font-weight:600;line-height:32px;flex:1;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis}.post-title:hover{text-decoration:none}.post-title:hover span{color:var(--color-hover)}.post-title .readmore-icon{flex:0 0 auto;text-align:right}.post-box .box-text{display:flex;flex-direction:column;gap:12px}.short-desc{color:var(--color-2, #5A5854);font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}.cat-list{display:flex;gap:6px}.post-main .image-cover{padding-top:44%}.post-main{gap:30px}.post-main .post-title span{font-size:24px}.post-bottom.post-vertical .image-cover{padding-top:40%}.sec-allpost{margin-top:40px}@media screen and (min-width:900px){.post-vertical{flex-direction:row;gap:24px;align-items:center}.post-vertical .box-image{flex:1}.post-vertical .image-cover{padding-top:65%}.post-vertical .box-text{flex:1}.post-bottom .short-desc{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;white-space:normal}}@media screen and (max-width:767px){.banner-blog{height:750px}.post-box{gap:20px}.post-box .image-cover{padding-top:65%}.post-box .box-text{gap:6px}}