/*==================================================
PILLAR
==================================================*/

.pillar {
  padding: 120px 0;

  background: linear-gradient(360deg, #eef8f1 0%, #f8fcf9 80%, #ffffff 100%);
}

.pillar-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 32px;
}

.pillar-card {
  position: relative;

  padding: 42px;

  border-radius: var(--radius-card);

  background: var(--white);

  border: 1px solid var(--primary-alpha-08);

  box-shadow: var(--shadow-sm);

  transition: var(--normal);
}

.pillar-card:hover {
  transform: translateY(-8px);

  box-shadow: var(--shadow-md);
}

.pillar-number {
  width: 56px;

  height: 56px;

  margin-bottom: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: var(--radius-round);

  background: var(--primary-soft);

  color: var(--primary);

  font-weight: 700;
}

.pillar-card h3 {
  margin-bottom: 18px;
}

.pillar-card p {
  margin-bottom: 0;
}