.post-box{position:relative;width:100%;display:flex;flex-direction:column;gap:10px;background:#f0f0f0;border-radius:8px}.post-box .box-image{width:100%;height:auto;overflow:hidden;position:relative;border-top-left-radius:8px;border-top-right-radius:8px}.post-box .image-cover{display:block;padding-top:100%}.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{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--color-blue-theme);font-size:18px;font-weight:600;line-height:1.5;text-decoration:none}.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:6px;padding:0 15px}.short-desc{color:var(--color-blue-theme);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;flex-wrap:wrap;gap:6px;max-height:56px;overflow:hidden;position:relative}.cat-list .badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:13px;font-weight:500;color:#fff;background:var(--color-orange-theme);border-radius:999px;white-space:nowrap}.cat-list:after{content:"…";position:absolute;right:0;bottom:0;padding-left:8px}.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}}.box-btn a[data-v-c33241ad]{font-weight:600;font-size:16px}.box-btn[data-v-c33241ad]{padding:0 15px}.box-image[data-v-c33241ad]{position:relative;overflow:hidden}.box-image .image-cover[data-v-c33241ad]{display:block;position:relative;z-index:1}.box-image img[data-v-c33241ad]{display:block;width:100%;height:auto}.box-image .post-date[data-v-c33241ad]{position:absolute;left:12px;bottom:12px;z-index:2;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--color-blue-theme);font-size:13px;font-weight:600;padding:6px 10px;border-radius:6px;pointer-events:none}