.blog-sidebar{padding:0}.blog-sidebar .title-tab{position:relative;display:inline-block}.blog-sidebar .title-tab:after{content:"";position:absolute;left:0;bottom:-5px;width:70px;height:2px;background-color:#000}.blog-sidebar .category-blog{display:flex;flex-direction:column;gap:5px}.blog-sidebar .category-blog .category-blog-item{display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.blog-sidebar .category-blog .category-blog-item:hover{color:var(--primary-color)!important}.blog-sidebar .category-blog .category-blog-item:hover img{filter:invert(37%) sepia(99%) saturate(1264%) hue-rotate(333deg) brightness(102%) contrast(101%);transform:translate(4px)}.blog-sidebar .design-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;border-radius:8px;transition:background-color .3s ease}.blog-sidebar .design-item:hover{background-color:#00000005}.blog-sidebar .design-item .img-design{width:160px;height:100px;object-fit:cover;border-radius:0 10px;flex-shrink:0}.blog-sidebar .design-item>div{flex:1;min-width:0}.blog-sidebar .design-item h6{font-size:14px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:2.8em}.blog-sidebar .design-item span{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.blog-sidebar .design-item span img{width:12px;height:12px}@media (max-width: 768px){.blog-sidebar .design-item{gap:10px;margin-bottom:12px}.blog-sidebar .design-item h6{font-size:13px;height:2.6em}}@media (min-width: 992px){.blog-sidebar .design-item .img-design{width:130px;height:70px}}@media (min-width: 1400px){.blog-sidebar .design-item .img-design{width:160px;height:100px}}