.elementor-780 .elementor-element.elementor-element-e7c0bf1{--display:flex;}/* Start custom CSS for html, class: .elementor-element-db99bc3 *//* موبایل */
@media (max-width: 520px) {
  .wpn-container { padding: 20px 12px; }
  h1 { font-size: 24px; text-align: center; }
  .wpn-card .wpn-icon { font-size: 28px; }
  .wpn-card h3 { font-size: 15px; text-align: center !important; }
  .wpn-card p { font-size: 13px; text-align: center !important; }
  .wpn-card-btn { padding: 6px 14px; font-size: 12px; display:block; margin:0 auto; }
  .feature h4, .feature p { text-align: center !important; }
  .pkg h4, .pkg p, .pkg-price { text-align: center !important; }

  /* استفاده از flexbox برای وسط چین کردن کارت‌ها */
  .wpn-grid {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    align-items: center; /* وسط چین کردن کارت‌ها */
  }

  .wpn-card {
    width: 90%; /* عرض محدود برای موبایل */
    max-width: 320px;
  }

  .wpn-container header p { font-size: 15px; text-align: center; }
  .wpn-container header h1 { font-size: 22px; text-align: center; }
  .wpn-container header div { flex-direction: column; gap: 10px; align-items: center; }
}/* End custom CSS */