.blog-index-wrapper{background:#e2e8f0;padding:0 0 100px}.blog-filter{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:60px}.filter-label{color:#757682;letter-spacing:1.2px;line-height:1;margin-right:10px;text-transform:uppercase}.filter-btn,.filter-label{font-family:var(--base-font-family);font-size:16px;font-weight:700;vertical-align:middle}.filter-btn{background:transparent;border:1px solid #f7931e;border-radius:12px;color:#00113a;letter-spacing:.3px;line-height:16px;padding:8px 24px;text-align:center;text-decoration:none;text-transform:capitalize;transition:all .3s ease}.filter-btn.active,.filter-btn:focus,.filter-btn:hover{background:#00113a;border-color:#00113a;box-shadow:0 4px 6px -1px #0000001a;color:#fff}.blog-grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.blog-card{background:#fff;border:1px solid #34a7ff99;border-radius:16px;box-shadow:0 0 5.8px 0 #00000040;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.blog-card:hover{transform:translateY(-5px)}.card-image{position:relative}.card-image img{height:200px;object-fit:cover;width:100%}.card-tag{backdrop-filter:blur(8px);background:#34a7ff;border-radius:12px;color:#fff;font-family:var(--base-font-family);font-size:12px;font-weight:700;left:16px;letter-spacing:1.2px;line-height:16px;padding:4px 12px;position:absolute;text-align:center;text-transform:uppercase;top:16px;vertical-align:middle}.card-body{display:flex;flex:1;flex-direction:column;padding:20px 26px}.card-meta{align-items:center;color:#707883;display:flex;font-family:var(--base-font-family);font-size:14px;font-weight:700;gap:16px;letter-spacing:0;line-height:20px;margin-bottom:10px}.card-meta span.date,.card-meta span.reading-time{align-items:center;display:flex;gap:6px}.card-title{font-size:20px;font-weight:500;letter-spacing:0;line-height:130%;margin-bottom:21px;margin-top:0}.card-title a{color:#0f172a;text-decoration:none}.blog-card:hover .card-title a{color:#f7931e}.card-desc{color:#475569;font-size:18px;line-height:150%;margin-bottom:18px;margin-top:0}.card-desc p{margin:0}.read-more{color:#34a7ff;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5;margin-top:auto;text-decoration:none;vertical-align:middle}.read-more span{align-items:center;display:flex;gap:8px}.read-more:hover{color:#34a7ff;color:var(--links-color);text-decoration:none}.read-more:hover svg path{fill:var(--links-color)}.blog-pagination>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.blog-pagination{margin-top:100px}.blog-pagination>div a{align-items:center;border-radius:12px;color:#0f172a;display:inline-flex;font-size:16px;font-weight:700;height:48px;justify-content:center;letter-spacing:0;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;width:48px}.blog-pagination>div a.active,.blog-pagination>div a:hover{background:#f7931e;color:#fff}.blog-pagination .next-link,.blog-pagination .prev-link{border:1px solid #f7931e}.blog-pagination .next-link{margin-left:8px}.blog-pagination .next-link:hover svg path,.blog-pagination .prev-link:hover svg path{fill:#fff}.blog-pagination .prev-link{margin-right:8px}@media(min-width:768px){.card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog-grid{grid-template-columns:1fr}.blog-pagination{margin-top:60px}.card-body{padding:20px}.blog-index-wrapper{padding:0 0 60px}}