/* Start custom CSS for text-editor, class: .elementor-element-cb43a36 *//* ================================
   سکشن معرفی و خلاصه سئویی نقشه راه شبکه
   ================================ */

.nr-intro-section {
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.16), transparent 60%),
    radial-gradient(circle at bottom right, rgba(37,99,235,0.14), transparent 65%),
    linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
  padding: 40px 20px;
  border-radius: 26px;
  margin: 28px auto 0 auto;
  max-width: 1260px;
  box-shadow: 0 14px 36px rgba(15,23,42,0.10);
  box-sizing: border-box;
  color: #0b213a;
  position: relative;
  overflow: hidden;
}

/* هاله خیلی ملایم پس‌زمینه */

.nr-intro-section::before,
.nr-intro-section::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.22;
}

.nr-intro-section::before {
  width: 220px;
  height: 220px;
  top: -80px;
  left: -60px;
  background: radial-gradient(circle, rgba(59,130,246,0.25), transparent 70%);
}

.nr-intro-section::after {
  width: 240px;
  height: 240px;
  bottom: -90px;
  right: -70px;
  background: radial-gradient(circle, rgba(56,189,248,0.22), transparent 70%);
}

/* کانتینر داخلی */

.nr-intro-inner {
  max-width: 1150px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

/* چیپ بالای سکشن */

.nr-intro-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  background: linear-gradient(90deg, #0ea5e9, #6366f1);
  color: #f9fafb;
  box-shadow: 0 10px 26px rgba(37,99,235,0.35);
  margin-bottom: 12px;
}

/* تیتر اصلی */

.nr-intro-title {
  font-size: 24px;
  font-weight: 900;
  color: #021b3a;
  margin-bottom: 14px;
  line-height: 1.8;
}

/* رَپ متن‌ها – برای محدود کردن عرض و راست‌چین بودن */

.nr-intro-text-wrap {
  max-width: 860px;
  margin: 0 auto 10px auto;
  text-align: right;
}

/* پاراگراف‌ها */

.nr-intro-text {
  font-size: 15px;
  color: #1f3b58;
  line-height: 2;
  margin-bottom: 8px;
}

.nr-intro-text-small {
  font-size: 14px;
  color: #334155;
}

/* برچسب‌های مسیرها */

.nr-intro-badges {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.nr-intro-badge {
  background: #ffffff;
  border-radius: 999px;
  padding: 8px 14px;
  border: 1px solid rgba(148,163,184,0.55);
  font-size: 13px;
  font-weight: 700;
  color: #0f3f82;
  box-shadow: 0 8px 22px rgba(15,23,42,0.05);
  white-space: nowrap;
}

/* ریسپانسیو */

@media (max-width: 768px) {
  .nr-intro-section {
    padding: 30px 16px;
    border-radius: 22px;
  }

  .nr-intro-title {
    font-size: 21px;
  }

  .nr-intro-text {
    font-size: 14px;
  }

  .nr-intro-text-small {
    font-size: 13.5px;
  }

  .nr-intro-badge {
    font-size: 12.5px;
    padding: 7px 12px;
  }
}

@media (max-width: 480px) {
  .nr-intro-title {
    font-size: 19px;
  }

  .nr-intro-kicker {
    font-size: 12px;
    padding: 5px 10px;
  }

  .nr-intro-section {
    padding: 24px 12px;
    border-radius: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-69f9376 *//* ================================
   Reset کوچک و فونت پایه مخصوص این صفحه
   ================================ */

.nr-hero-section,
.nr-overview-section,
.nr-funnel-section,
.nr-paths-section,
.nr-hero-section * ,
.nr-overview-section * ,
.nr-funnel-section * ,
.nr-paths-section * {
  box-sizing: border-box;
  font-family: "IRANYekan", "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* ================================
   سکشن ۱ – هرو
   ================================ */

.nr-hero-section {
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.18), transparent 60%),
    radial-gradient(circle at bottom right, rgba(37,99,235,0.18), transparent 60%),
    linear-gradient(180deg, #f5f7ff 0%, #eef6ff 100%);
  padding: 54px 20px;
  border-radius: 26px;
  margin-top: 32px;
  max-width: 1260px;
  margin-inline: auto;
  color: #0f172a;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);
}

.nr-hero-inner {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  gap: 32px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* ستون اصلی متن */

.nr-hero-main {
  flex: 2;
  min-width: 320px;
}

/* چیپ‌های بالای هرو */

.nr-hero-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.nr-hero-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  background: linear-gradient(90deg, #1d4ed8, #0ea5e9);
  color: #eff6ff;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.45);
}

.nr-hero-chip-soft {
  background: rgba(191, 219, 254, 0.9);
  color: #1e3a8a;
  box-shadow: 0 6px 16px rgba(148, 163, 184, 0.4);
}

/* عنوان و متن هرو */

.nr-hero-title {
  font-size: 28px;
  font-weight: 900;
  color: #02233f;
  margin: 6px 0 10px;
  line-height: 1.6;
}

.nr-hero-lead {
  font-size: 16px;
  color: #0f2940;
  line-height: 2;
  margin-bottom: 8px;
  font-weight: 700;
}

.nr-hero-text {
  font-size: 15px;
  color: #1f3b57;
  line-height: 2;
  margin-bottom: 16px;
}

/* دکمه‌ها */

.nr-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 8px;
}

.nr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all .22s ease;
}

.nr-btn-primary {
  background: linear-gradient(90deg, #2563eb, #0ea5e9);
  color: #ffffff;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.40);
}

.nr-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.55);
}

.nr-btn-secondary {
  background: rgba(255, 255, 255, 0.85);
  color: #1d4ed8;
  border: 1px solid rgba(148, 163, 184, 0.7);
}

.nr-btn-secondary:hover {
  background: #e0ecff;
  transform: translateY(-2px);
}

/* متای پایین هرو */

.nr-hero-meta {
  margin-top: 6px;
  font-size: 14px;
  color: #334155;
  line-height: 1.9;
}

/* ستون کناری هرو */

.nr-hero-aside {
  flex: 1.3;
  min-width: 280px;
  background: #ffffff;
  border-radius: 22px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.15);
}

.nr-hero-aside-badge {
  display: inline-block;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  color: #ecfdf3;
  font-size: 12px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.nr-hero-levels {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.nr-hero-level {
  background: linear-gradient(135deg, #f9fafb, #eff6ff);
  border-radius: 14px;
  padding: 9px 10px;
  margin-bottom: 6px;
  border: 1px solid rgba(148, 163, 184, 0.45);
}

.nr-hero-level-label {
  font-size: 14px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 3px;
}

.nr-hero-level p {
  font-size: 13px;
  color: #374151;
  line-height: 1.9;
  margin: 0;
}

.nr-hero-tags {
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
}

.nr-hero-tags li {
  font-size: 13px;
  color: #1e293b;
  line-height: 1.8;
  padding-right: 16px;
  position: relative;
}

.nr-hero-tags li::before {
  content: "•";
  position: absolute;
  right: 4px;
  top: 0;
  font-size: 15px;
  color: #2563eb;
}

/* ================================
   سکشن ۲ – overview: سه تصمیم اصلی
   ================================ */

.nr-overview-section {
  background: #ffffff;
  padding: 46px 20px;
  border-radius: 26px;
  margin-top: 32px;
  max-width: 1260px;
  margin-inline: auto;
  box-shadow: 0 10px 26px rgba(15,23,42,0.08);
}

.nr-overview-inner {
  max-width: 1150px;
  margin: 0 auto;
}

.nr-section-title {
  font-size: 24px;
  font-weight: 900;
  color: #062442;
  margin-bottom: 8px;
}

.nr-section-subtitle {
  font-size: 15px;
  color: #334155;
  line-height: 2;
}

.nr-overview-header {
  text-align: right;
  margin-bottom: 22px;
}

/* گرید کارت‌ها */

.nr-overview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 20px;
}

.nr-overview-card {
  background: #f9fafb;
  border-radius: 18px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  position: relative;
  overflow: hidden;
}

.nr-overview-card::before {
  content: "";
  position: absolute;
  inset-inline-start: -40px;
  inset-block-start: -50px;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(56,189,248,0.18), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}

.nr-overview-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #0f172a;
  margin-bottom: 8px;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.22);
}

.nr-overview-title {
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 4px;
}

.nr-overview-text {
  font-size: 13.5px;
  color: #374151;
  line-height: 1.9;
  margin-bottom: 8px;
}

.nr-overview-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nr-overview-list li {
  font-size: 13px;
  color: #1f2937;
  line-height: 1.8;
  padding-right: 16px;
  position: relative;
  margin-bottom: 3px;
}

.nr-overview-list li::before {
  content: "•";
  position: absolute;
  right: 4px;
  top: 0;
  font-size: 14px;
  color: #2563eb;
}

/* یادداشت پایانی سکشن ۲ */

.nr-overview-footer {
  margin-top: 18px;
}

.nr-overview-note {
  font-size: 14px;
  color: #0f172a;
  line-height: 2;
  background: rgba(16, 185, 129, 0.06);
  border-radius: 14px;
  padding: 10px 12px;
  border-right: 3px solid #10b981;
}

.nr-overview-note a {
  color: #1d4ed8;
  font-weight: 800;
  text-decoration: none;
}

.nr-overview-note a:hover {
  text-decoration: underline;
}

/* ================================
   سکشن ۳ – دو ورودی اصلی
   ================================ */

.nr-funnel-section {
  background: linear-gradient(135deg, #f6fbff 0%, #e9f3ff 100%);
  padding: 52px 20px;
  border-radius: 26px;
  margin-top: 36px;
  max-width: 1260px;
  margin-inline: auto;
  box-shadow: 0 10px 30px rgba(0, 85, 185, 0.12);
}

.nr-funnel-inner {
  max-width: 1150px;
  margin: 0 auto;
}

.nr-funnel-header {
  text-align: right;
  margin-bottom: 22px;
}

.nr-funnel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.nr-funnel-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 16px 16px 14px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10);
  position: relative;
  overflow: hidden;
}

.nr-funnel-card::before {
  content: "";
  position: absolute;
  inset-inline-start: -40px;
  inset-block-start: -50px;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(56,189,248,0.20), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}

.nr-funnel-card-primary {
  border-color: rgba(34,197,94,0.65);
  box-shadow: 0 12px 34px rgba(22,163,74,0.20);
}

.nr-funnel-chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(37,99,235,0.08);
  color: #1d4ed8;
  margin-bottom: 8px;
}

.nr-funnel-chip-soft {
  background: rgba(251,191,36,0.12);
  color: #92400e;
}

.nr-funnel-title {
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
}

.nr-funnel-text {
  font-size: 13.5px;
  color: #374151;
  line-height: 1.9;
  margin-bottom: 8px;
}

.nr-funnel-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px 0;
}

.nr-funnel-list li {
  font-size: 13px;
  color: #111827;
  line-height: 1.8;
  padding-right: 16px;
  position: relative;
  margin-bottom: 3px;
}

.nr-funnel-list li::before {
  content: "•";
  position: absolute;
  right: 4px;
  top: 0;
  font-size: 14px;
  color: #2563eb;
}

/* لینک پایین کارت */

.nr-funnel-link {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  color: #1d4ed8;
  text-decoration: none;
  margin-top: 4px;
}

.nr-funnel-link:hover {
  text-decoration: underline;
}

/* ================================
   سکشن ۴ – لیست مسیرهای تخصصی (کدی که قبلاً نوشتی + کمی هماهنگ‌سازی)
   ================================ */

.nr-paths-section {
  background: linear-gradient(135deg, #f6fbff 0%, #e9f3ff 100%);
  padding: 52px 20px;
  border-radius: 26px;
  margin-top: 40px;
  box-shadow: 0 10px 30px rgba(0, 85, 185, 0.12);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 1260px;
  margin-inline: auto;
}

/* افکت‌های پس‌زمینه ملایم */
.nr-paths-section::before,
.nr-paths-section::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.22;
}

.nr-paths-section::before {
  width: 260px;
  height: 260px;
  top: -90px;
  left: -70px;
  background: radial-gradient(circle, rgba(37,99,235,0.22), transparent 70%);
}

.nr-paths-section::after {
  width: 280px;
  height: 280px;
  bottom: -90px;
  right: -70px;
  background: radial-gradient(circle, rgba(56,189,248,0.20), transparent 70%);
}

/* کانتینر کلی سکشن */
.nr-paths-inner {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* هدر سکشن */
.nr-paths-header {
  text-align: right;
  margin-bottom: 22px;
}

.nr-paths-header .nr-section-title {
  font-size: 24px;
  font-weight: 900;
  color: #062442;
  margin-bottom: 10px;
}

.nr-paths-header .nr-section-subtitle {
  font-size: 15px;
  color: #334155;
  line-height: 2;
}

/* چیپ‌های دسته‌بندی بالای گرید */

.nr-paths-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 10px 0 20px 0;
}

.nr-paths-chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 800;
  color: #0b3c82;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffffff, #ecf3ff);
  border: 1px solid rgba(37, 99, 235, 0.25);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

/* گرید کارت‌ مسیرها */

.nr-paths-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 20px;
  margin-top: 18px;
}

/* کارت مسیر – پایه */

.nr-path-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 16px 16px 14px;
  box-shadow: 0 8px 22px rgba(15, 76, 155, 0.10);
  border: 1px solid rgba(148, 163, 184, 0.28);
  position: relative;
  box-sizing: border-box;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.nr-path-card::before {
  content: "";
  position: absolute;
  inset-inline-start: -40px;
  inset-block-start: -50px;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(56,189,248,0.16), transparent 60%);
  opacity: 0.85;
  pointer-events: none;
}

.nr-path-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(15, 76, 155, 0.18);
  border-color: rgba(37, 99, 235, 0.38);
}

/* کارت هایلایت (مسیر ورود به شبکه) */

.nr-path-card-highlight {
  border: 1px solid rgba(34,197,94,0.55);
  box-shadow: 0 12px 34px rgba(22,163,74,0.22);
}

/* آیکون بالا */

.nr-path-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #0f172a;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

/* عنوان مسیر */

.nr-path-title {
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 4px;
}

/* زیرعنوان/توضیح کوتاه زیر عنوان */

.nr-path-tag {
  font-size: 13px;
  color: #475569;
  margin-bottom: 8px;
  line-height: 1.8;
}

/* Pill کوچک داخل تگ – برای «پیشنهاد شروع» و ... */

.nr-path-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  margin-inline-start: 6px;
}

.nr-path-pill-primary {
  background: rgba(34,197,94,0.12);
  color: #166534;
  border: 1px solid rgba(34,197,94,0.55);
}

/* لیست ویژگی‌ها داخل کارت */

.nr-path-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px 0;
}

.nr-path-list li {
  font-size: 13px;
  color: #1f2933;
  line-height: 1.8;
  padding-inline-start: 0;
  padding-inline-end: 16px;
  position: relative;
  margin-bottom: 3px;
}

.nr-path-list li::before {
  content: "•";
  position: absolute;
  inset-inline-end: 4px;
  inset-block-start: 0;
  font-size: 15px;
  color: #2563eb;
}

/* لینک انتهای کارت */

.nr-path-link {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  color: #1d4ed8;
  text-decoration: none;
  margin-top: 4px;
  gap: 4px;
}

.nr-path-link:hover {
  text-decoration: underline;
}

/* نوار جمع‌بندی زیر گرید */

.nr-paths-note {
  margin-top: 22px;
  font-size: 14px;
  color: #0f172a;
  line-height: 2;
  background: rgba(16,185,129,0.06);
  border-radius: 14px;
  padding: 10px 12px;
  border-inline-start: 3px solid #10b981;
}

/* ================================
   ریسپانسیو
   ================================ */

@media (max-width: 1024px) {

  .nr-hero-inner {
    flex-direction: column;
  }

  .nr-funnel-grid {
    grid-template-columns: 1fr;
  }

  .nr-paths-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nr-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {

  .nr-hero-section,
  .nr-overview-section,
  .nr-funnel-section,
  .nr-paths-section {
    padding: 34px 16px;
    border-radius: 20px;
  }

  .nr-hero-title {
    font-size: 23px;
  }

  .nr-section-title {
    font-size: 22px;
  }

  .nr-hero-actions {
    flex-direction: column;
  }

  .nr-btn {
    width: 100%;
    text-align: center;
  }

  .nr-overview-grid,
  .nr-paths-grid {
    grid-template-columns: 1fr;
  }

  .nr-funnel-grid {
    gap: 16px;
  }
}

@media (max-width: 480px) {

  .nr-hero-section,
  .nr-overview-section,
  .nr-funnel-section,
  .nr-paths-section {
    padding: 28px 12px;
  }

  .nr-hero-title {
    font-size: 21px;
  }

  .nr-section-title {
    font-size: 20px;
  }

  .nr-hero-lead,
  .nr-hero-text,
  .nr-section-subtitle,
  .nr-overview-text,
  .nr-funnel-text,
  .nr-path-tag,
  .nr-paths-note {
    font-size: 13.5px;
  }

  .nr-paths-chips {
    flex-direction: column;
  }

  .nr-paths-chip {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-527d48e *//* ================================
   سکشن CTA انتهایی – پکیج ویژه شبکه
   ================================ */

.nr-cta-section {
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.20), transparent 60%),
    radial-gradient(circle at bottom right, rgba(37,99,235,0.18), transparent 60%),
    linear-gradient(135deg, #020617 0%, #020617 45%, #0b1120 100%);
  padding: 42px 20px;
  border-radius: 26px;
  margin: 40px auto 0 auto;
  max-width: 1260px;
  color: #e5e7eb;
  box-shadow: 0 18px 46px rgba(15,23,42,0.55);
  position: relative;
  overflow: hidden;
}

/* هاله‌های رنگی ملایم */

.nr-cta-section::before,
.nr-cta-section::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.25;
}

.nr-cta-section::before {
  width: 260px;
  height: 260px;
  top: -120px;
  left: -80px;
  background: radial-gradient(circle, rgba(59,130,246,0.55), transparent 70%);
}

.nr-cta-section::after {
  width: 280px;
  height: 280px;
  bottom: -120px;
  right: -80px;
  background: radial-gradient(circle, rgba(56,189,248,0.50), transparent 70%);
}

/* کانتینر داخلی */

.nr-cta-inner {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}

/* ستون اصلی متن */

.nr-cta-main {
  flex: 2;
  min-width: 320px;
}

/* چیپ بالای CTA */

.nr-cta-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  color: #ecfdf3;
  box-shadow: 0 10px 26px rgba(22,163,74,0.55);
  margin-bottom: 10px;
}

/* عنوان CTA */

.nr-cta-title {
  font-size: 22px;
  font-weight: 900;
  color: #f9fafb;
  margin-bottom: 10px;
  line-height: 1.8;
}

/* متن اصلی CTA */

.nr-cta-text {
  font-size: 14.5px;
  color: #e5e7eb;
  line-height: 2;
  margin-bottom: 10px;
  opacity: 0.96;
}

/* لیست مزایا */

.nr-cta-list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
}

.nr-cta-list li {
  font-size: 13.5px;
  color: #d1d5db;
  line-height: 1.9;
  padding-right: 16px;
  position: relative;
  margin-bottom: 3px;
}

.nr-cta-list li::before {
  content: "•";
  position: absolute;
  right: 4px;
  top: 0;
  font-size: 16px;
  color: #38bdf8;
}

/* دکمه CTA */

.nr-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(90deg, #38bdf8, #6366f1);
  color: #f9fafb !important;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(37,99,235,0.70);
  transition: all .22s ease;
  margin-top: 4px;
  border: none;
  cursor: pointer;
}

.nr-cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(37,99,235,0.90);
}

/* ستون کناری */

.nr-cta-side {
  flex: 1.3;
  min-width: 280px;
  background: rgba(15,23,42,0.9);
  border-radius: 20px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(148,163,184,0.65);
  box-shadow: 0 14px 32px rgba(15,23,42,0.90);
  box-sizing: border-box;
}

.nr-cta-side-badge {
  display: inline-block;
  background: radial-gradient(circle at top left, #1d4ed8, #0ea5e9);
  color: #e5f0ff;
  font-size: 12px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.nr-cta-side-text {
  font-size: 13.5px;
  color: #e5e7eb;
  line-height: 1.9;
  margin-bottom: 8px;
}

/* لیست ستون کناری */

.nr-cta-side-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nr-cta-side-list li {
  font-size: 13px;
  color: #d1d5db;
  line-height: 1.9;
  padding-right: 18px;
  position: relative;
  margin-bottom: 3px;
}

.nr-cta-side-list li::before {
  content: "•";
  position: absolute;
  right: 4px;
  top: 0;
  font-size: 18px;
  color: #22c55e;
}

/* ریسپانسیو CTA */

@media (max-width: 992px) {
  .nr-cta-inner {
    flex-direction: column;
  }

  .nr-cta-main,
  .nr-cta-side {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 600px) {
  .nr-cta-section {
    padding: 32px 14px;
    border-radius: 20px;
  }

  .nr-cta-title {
    font-size: 20px;
  }

  .nr-cta-text,
  .nr-cta-side-text {
    font-size: 13.5px;
  }

  .nr-cta-btn {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */