/* blog.php */

.pm-blog-section { padding: 70px 0; background: #fff; }
.pm-blog-heading { max-width: 780px; margin: 0 auto 45px; text-align: center; }
.pm-blog-heading .sub-label { display:inline-block; color:#d7201a; font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-bottom:10px; }
.pm-blog-heading h1 { color:#0D47A1; font-size:clamp(24px,3.2vw,36px); font-weight:800; margin-bottom:12px; }
.pm-blog-heading p { color:#667085; font-size:16px; line-height:1.75; margin:0; }

.pm-blog-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:30px; }

.pm-blog-card {
    display:flex; flex-direction:column; overflow:hidden;
    background:#fff; border:1px solid #e3eaf2; border-radius:16px;
    box-shadow:0 6px 20px rgba(13,71,161,.08);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    text-decoration:none; color:inherit;
}
.pm-blog-card:hover {
    transform:translateY(-6px);
    box-shadow:0 16px 32px rgba(13,71,161,.16);
    border-color:#1565C0;
}
.pm-blog-thumb { position:relative; overflow:hidden; aspect-ratio:16/9; }
.pm-blog-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.pm-blog-card:hover .pm-blog-thumb img { transform:scale(1.06); }
.pm-blog-cat {
    position:absolute; top:12px; left:12px; z-index:2;
    background:#d7201a; color:#fff; font-size:11px; font-weight:700;
    letter-spacing:.6px; text-transform:uppercase; padding:5px 12px; border-radius:20px;
}
.pm-blog-body { display:flex; flex-direction:column; flex:1; padding:22px 22px 24px; }
.pm-blog-meta { display:flex; align-items:center; gap:16px; font-size:12.5px; color:#8a94a6; margin-bottom:10px; }
.pm-blog-meta i { color:#1565C0; margin-right:5px; }
.pm-blog-title { color:#0D47A1; font-size:19px; font-weight:700; line-height:1.4; margin-bottom:10px; }
.pm-blog-card:hover .pm-blog-title { color:#1565C0; }
.pm-blog-excerpt { color:#5b6472; font-size:14.5px; line-height:1.7; flex:1; margin-bottom:16px; }
.pm-blog-readmore { display:inline-flex; align-items:center; gap:8px; color:#d7201a; font-weight:700; font-size:14px; }
.pm-blog-readmore i { transition:transform .25s ease; }
.pm-blog-card:hover .pm-blog-readmore i { transform:translateX(4px); }

.pm-blog-newsletter { margin-top:55px; text-align:center; background:linear-gradient(135deg,#0D47A1 0%,#1565C0 100%); border-radius:18px; padding:48px 30px; color:#fff; }

@media (max-width: 575.98px) {
    .pm-blog-section { padding:55px 0; }
    .pm-blog-grid { grid-template-columns:1fr; }
}