.section-course .timeline {
	position: relative;
	padding-left: 1.5rem;
  }

.section-course .timeline::before {
	content: "";
	position: absolute;
	left: 0.5rem;
	top: 0.25rem;
	bottom: 0.25rem;
	width: 2px;
	background: var(--bs-border-color);
  }

.section-course .timeline-item {
	position: relative;
	padding: 0.5rem 0 0.75rem 0;
  }

.section-course .timeline-item::before {
	content: "";
	position: absolute;
	left: -20px;
	top: 0.9rem;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--bs-primary);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--bs-primary) 15%, transparent);
  }

.section-course .timeline-item-muted::before {
	background: var(--bs-secondary);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--bs-secondary) 15%, transparent);
  }

.section-course .hero-gradient {
	background:
	  radial-gradient(1200px 600px at 10% 10%, color-mix(in srgb, var(--bs-primary) 18%, transparent), transparent 60%),
	  radial-gradient(900px 500px at 90% 20%, color-mix(in srgb, var(--bs-info) 14%, transparent), transparent 55%),
	  linear-gradient(180deg, color-mix(in srgb, var(--bs-body-bg) 85%, var(--bs-primary) 6%), var(--bs-body-bg));
  }

.section-course .badge-soft {
	background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
	color: var(--bs-primary);
	border: 1px solid color-mix(in srgb, var(--bs-primary) 25%, transparent);
  }

.section-course .section-anchor {
	scroll-margin-top: 90px;
  }

.section-course .shadow-soft {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }

.section-course .mini-code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.95rem;
	white-space: pre-wrap;
  }


.section-course .card-footer {
   background-color:  transparent !important;
   border: none !important;
}

/* section pad */

.section-pad {
  padding: 4.5rem 0;
}

@media print {
.no-print { 
  display:none !important;
}

body { background: #fff; }
.section-pad { padding: 1.5rem 0; }
}