:root { --primary: #1e4067; --hover-bg: #A5E7EA; --card-bg: #f3f1ef; } body { font-family: system-ui, sans-serif; background: #ffffff; padding: 40px; } .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; } .card { background: var(--card-bg); padding: 32px 24px; text-align: center; border-radius: 4px; transition: background-color 0.25s ease; cursor: pointer; } .card:hover { background-color: var(--hover-bg); } .icon svg { width: 48px; height: 48px; stroke: #1e4067; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } h3 { color: var(--primary); font-size: 1.25rem; margin-bottom: 24px; } .see-all { color: var(--primary); text-decoration: none; font-weight: 500; } .see-all:hover { text-decoration: underline; } .see-all { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); text-decoration: none; font-weight: 500; } .arrow-circle { width: 22px; height: 22px; background-color: var(--primary); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; } .arrow-circle svg { width: 12px; height: 12px; stroke: #ffffff; stroke-width: 2.5; fill: none; } Heartbeat International is connected to multiple resources throughout the world. In this section, you will find additional resources and tools to help strengthen your ministry. Helpful Resources See All Coalitions Search Here Worldwide Directory Search Here Job Registry Find Jobs