.blog-archive .archive-title{font-weight:700;font-size:2.5rem;color:#1e293b}.blog-filters ul{padding:0;margin:0;list-style:none}.blog-filters ul li{display:inline-block;margin-left:10px}.blog-filters ul li a{color:#64748b;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:5px;transition:background-color 0.3s ease,color 0.3s ease}.blog-filters ul li a:hover,.blog-filters ul li a.active{background-color:#3b82f6;color:#fff}.view-toggle button{margin-left:8px}.view-toggle button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.posts-grid.grid-view{display:flex;flex-wrap:wrap}.posts-grid.grid-view article{width:100%}@media (min-width:768px){.posts-grid.grid-view article{width:48%}}@media (min-width:992px){.posts-grid.grid-view article{width:31%}}.posts-grid.list-view{display:block}.posts-grid.list-view article{display:flex;margin-bottom:30px;width:100%}.posts-grid.list-view article .card{display:flex;flex-direction:row;width:100%}.posts-grid.list-view article figure,.posts-grid.list-view article .media-embed{width:35%;margin-right:20px}.posts-grid.list-view article .card-body{width:65%;display:flex;flex-direction:column;justify-content:space-between}.related-posts a img{height:180px;width:250px;object-fit:cover}.post-main{padding-top:90px}article header a{color:#fff}article h2::after{width:0!important}article h2{border-right:none!important}article header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff}article header h1{color:#000000!important}article header img{max-height:400px;object-fit:cover}.card-body{align-items:center}article .card::before{background:#fff0!important}.custom-pagination .page-item{display:flex}.custom-pagination .page-link{display:flex;align-items:center;justify-content:center;border:none;background-color:#f8f9fa;color:#333;border-radius:50%;width:44px;height:44px;font-weight:500;transition:0.3s ease-in-out;box-shadow:0 0 4px rgb(0 0 0 / .05)}.custom-pagination .page-link:hover{background-color:#0d6efd;color:#fff}.custom-pagination .page-item.active .page-link{background-color:#198754;color:#fff;font-weight:700;box-shadow:0 0 0 3px rgb(25 135 84 / .3)}