.banner{margin-top:4rem;height:300px;width:100%}.banner img{width:100%;height:100%;object-fit:cover}.container{margin-top:2rem}.blogs{display:flex;flex-wrap:wrap;margin:0 -1rem}.blogs a{width:calc(100% / 3);padding:1rem;box-sizing:border-box}.inner{border:1px solid hsla(0,0%,50%,.194);border-radius:12px;overflow:hidden}.inner:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.image{width:100%;height:300px;object-fit:cover}.line-truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5rem;max-height:calc(2 * 1.5rem)}p{color:gray;font-size:.9rem}.content{margin:1rem}h3{font-size:1.1rem;color:#000;font-weight:400}h3:hover{color:#780614}.info,.info .author{display:flex;align-items:center}.info{justify-content:space-between;color:gray}img{object-fit:cover;width:100%;height:100%}.info .author div{width:40px;height:40px;border-radius:50%;overflow:hidden}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.page-item .page-link{color:#333;border:1px solid #ccc;padding:.5rem 1rem;border-radius:6px;background-color:#f9f9f9;transition:all .2s ease}.page-item .page-link:hover{background-color:#eee;color:#000}.page-item.active .page-link{background-color:#fff;color:#780614;border-color:#780614;font-weight:700}@media (max-width:992px){.blogs a{width:calc(100% / 2)}}@media (max-width:768px){.blogs a{width:calc(100% / 1)}.banner{display:none}.container{margin-top:7rem}p{display:none}}