.articles{background:#f6f9fd}.articles-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.articles-head h2{text-align:left;margin-left:0;max-width:760px}.articles-head>p{max-width:430px;color:var(--muted);line-height:1.75;margin:0 0 20px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.article-card{background:#fff;border:1px solid #e3eaf2;border-radius:20px;overflow:hidden;transition:.25s}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.article-art{height:180px;padding:25px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff}.article-art>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.18);font-size:32px}.article-art small{font-size:10px;font-weight:800;letter-spacing:1.4px}.calendar-art{background:linear-gradient(135deg,#0d47a1,#29b6f6)}.check-art{background:linear-gradient(135deg,#0d2d66,#1565c0)}.people-art{background:linear-gradient(135deg,#ff8a00,#ffb347)}.article-body{padding:25px}.article-body>span{font-size:10px;color:var(--blue2);font-weight:700}.article-body h3{font-size:19px;line-height:1.35;color:var(--navy);margin:12px 0}.article-body p{font-size:13px;line-height:1.7;color:var(--muted)}.article-body a{display:inline-block;margin-top:7px;color:var(--blue2);font-size:13px;font-weight:800}@media(max-width:950px){.article-grid{grid-template-columns:1fr 1fr}.articles-head{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:620px){.article-grid{grid-template-columns:1fr}}