.cards-with-icons{padding:2rem 1rem;width:100%}.cards-grid,.cards-with-icons{display:flex;justify-content:center}.cards-grid{align-items:stretch;flex-wrap:wrap;margin:0 auto;width:min(100%,1400px);--gap:clamp(0.75rem,1.5vw,1.25rem);--cols:5;gap:var(--gap)}.card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;min-width:0;padding:1rem;text-align:center;transition:box-shadow .3s ease,transform .3s ease;width:calc((100% - (var(--cols) - 1)*var(--gap))/var(--cols))}.card:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-4px)}.card-icon{margin:.25rem 0 .75rem}.card-icon img{display:block;height:70px;width:70px}.card-title{color:#0b2239;font-size:1rem;font-weight:500;margin-bottom:.5rem}.card-text{color:#4b5563;font-size:.9rem;line-height:1.4}@media (max-width:1280px){.cards-grid{--cols:4}}@media (max-width:1024px){.cards-grid{--cols:3}}@media (max-width:768px){.cards-grid{--cols:2}}@media (max-width:480px){.cards-grid{--cols:1}}