.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 rgba(128,128,128,.194);border-radius:12px;overflow:hidden}.inner:hover{background:#ffffff;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)}.content{margin:1rem}.news-category{display:inline-block;font-size:.75rem;font-weight:600;color:#780614;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}.news-date{font-size:.7rem;color:#888;margin-bottom:.5rem;display:block}.news-filter{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.news-filter label{margin-bottom:0;font-weight:500;color:#333}.news-category-select{max-width:280px;border-color:#ccc;border-radius:6px}.news-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}@media (max-width:768px){.news-header{flex-direction:column;align-items:center;text-align:center}.news-header .news-filter{justify-content:center}}h3{font-size:1.1rem;color:black;font-weight:400}h3:hover{color:#780614}.info,.info .author{display:flex;align-items:center}.info{justify-content:space-between;color:gray}.info:empty{display:none}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.disabled .page-link{pointer-events:none;opacity:.6;cursor:not-allowed}.page-link.page-ellipsis{border:none;background:transparent;cursor:default}.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:#ffffff;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}}