.all-blogs-container .all-blogs-content{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.all-blogs-container .all-blogs-content .blog-item{position:relative;width:calc(24.25% - .3333333333rem);height:15rem;border-radius:var(--border-radius);border:1px solid var(--blog-item-border-color, #d2d2d2);background-color:var(--background-color-regular);overflow:hidden;cursor:pointer}.all-blogs-container .all-blogs-content .blog-item:hover .image img{transform:scale(1.1)}.all-blogs-container .all-blogs-content .blog-item.hide{height:0;visibility:hidden}.all-blogs-container .all-blogs-content .blog-item .image{width:100%;height:100%}.all-blogs-container .all-blogs-content .blog-item .image img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}.all-blogs-container .all-blogs-content .blog-item .blog-mask{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;width:100%;height:8rem;background-color:rgba(100,100,100,.3);backdrop-filter:blur(1rem);color:#fff}.all-blogs-container .all-blogs-content .blog-item .blog-mask h1,.all-blogs-container .all-blogs-content .blog-item .blog-mask h2,.all-blogs-container .all-blogs-content .blog-item .blog-mask h3,.all-blogs-container .all-blogs-content .blog-item .blog-mask h4,.all-blogs-container .all-blogs-content .blog-item .blog-mask h5,.all-blogs-container .all-blogs-content .blog-item .blog-mask h6,.all-blogs-container .all-blogs-content .blog-item .blog-mask p{margin:0;line-height:normal}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-content{display:flex;flex-direction:column;gap:.3rem}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-content .blog-title{flex-shrink:0;font-size:1rem;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-content .blog-intro p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-time{text-align:right;font-size:.7rem}.pagination-container{margin-top:1rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 600px){.all-blogs-container .all-blogs-content .blog-item{width:calc(50% - .5rem)}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-content .blog-title{font-size:.8rem}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-content .blog-intro p{font-size:.7rem}.all-blogs-container .all-blogs-content .blog-item .blog-mask .blog-time{font-size:.6rem}}