/* PRICING CARDS SECTION STYLING */

.piliers-grid {
  font-size: 16px !important;
  --primary: #123e73 !important;
  --primary-dark: #0a2647 !important;
  --accent: #3fa66b !important;
  --accent-light: #e6f5ec !important;
  --bg-light: #edf2f8 !important;
  --white: #ffffff !important;
  --font-main: 'Roboto', sans-serif !important;
  --header-height: 80px !important;
  --container-width: 1200px !important;
  --spacing-sm: 1rem !important;
  --spacing-md: 2rem !important;
  --spacing-lg: 4rem !important;
  --spacing-xl: 6rem !important;
  font-family: var(--font-main) !important;
  color: var(--primary-dark) !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2rem !important;
  margin-bottom: var(--spacing-lg) !important;
  align-items: stretch !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Responsive grid for tablets and mobile */
@media (max-width: 1024px) {
  .piliers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .piliers-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    margin-bottom: var(--spacing-md) !important;
  }
}

@media (max-width: 640px) {
  .piliers-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    padding: 0 !important;
  }
}

/* Ensure pilier-card inherits styles properly */
.pilier-card {
  box-sizing: border-box !important;
  position: relative !important;
}

.pilier-card.featured {
  grid-column: auto !important;
}

@media (max-width: 1024px) {
  .pilier-card.featured {
    grid-column: auto !important;
  }
}