/* HERO */
.blog-hero {
    text-align:center;
    padding:60px 20px;
}

.blog-hero h1 {
    font-size:36px;
}

.blog-hero p {
    color:#777;
}

/* BLOG GRID */
.blog-container {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
    gap:25px;
    padding:40px;
}

.blog-card {
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    transition:0.3s;
}

.blog-card:hover {
    transform:translateY(-5px);
}

.blog-card img {
    width:100%;
    object-fit:cover;
}

.blog-content {
    padding:20px;
}

.blog-content h3 {
    margin-bottom:10px;
    font-size: 26px;
    font-weight: 800;
}

.blog-content p {
    color:#666;
    font-size:16px;
}

.meta {
    display:flex;
    justify-content:space-between;
    margin:15px 0;
    font-size:13px;
}

.meta img {
    width:15px;margin: 0px auto;
}

.read-more {
    display:inline-block;
    background:#024AD8;
    color:#fff;
    padding:8px 12px;
    border-radius:5px;
    text-decoration:none;
}

/* PAGINATION */
.pagination {
    text-align:center;
    margin:30px;display: block;
}

.pagination a {
    padding:8px 12px;
    margin:5px;
    background:#fff;
    border:1px solid #ddd;
}