/* Base required imports
--------------------------------------------- */
/* Bootstrap
--------------------------------------------- */
/* Import variables and mixins
--------------------------------------------- */
/* Bootsrap required imports & components
--------------------------------------------- */
.block-course {
	position: relative;
	overflow: hidden;
	border-radius: 60px 60px 0 0;
	color: #f7efe7;
}

.block-course .block-course-container {
	padding-top: 120px;
	padding-bottom: 68px;
}

.block-course .block-course-sticky {
	position: static;
}

.block-course .block-course-line {
	display: block;
	width: 3rem;
	height: 1px;
	margin: 0 0 2.2rem;
	background-color: #d49a66;
}

.block-course .block-course-title {
	margin: 0 0 2.3rem;
	color: #f7efe7;
	font-size: 42px;
	line-height: 1.2;
	font-family: "unbounded-400", "unbounded-fallback", Arial, sans-serif;
	font-weight: 400;
}

.block-course .block-course-title span,
.block-course .block-course-title strong,
.block-course .block-course-title em,
.block-course .block-course-title b {
	color: #d49a66;
	font-style: normal;
	font-weight: inherit;
}

.block-course .block-course-text {
	max-width: 510px;
	margin-bottom: 2.15rem;
	color: #f7efe7;
	font-size: 18px;
	line-height: 1.52;
	font-family: "unbounded-300", "unbounded-fallback", Arial, sans-serif;
	opacity: 0.95;
}

.block-course .block-course-text br {
	display: block;
	margin-bottom: 0.25rem;
	content: "";
}

.block-course .block-course-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	border: 1px solid rgba(247, 239, 231, 0.22);
	color: #f7efe7;
	gap: 0.5rem;
	padding: 16px 26px 16px 0;
	font-size: 15px;
	line-height: 1;
	font-family: "unbounded-600", "unbounded-fallback", Arial, sans-serif;
	transition: border-color 0.25s ease, background-color 0.25s ease;
}

.block-course .block-course-button:hover, .block-course .block-course-button:focus {
	color: #f7efe7;
	border-color: #d49a66;
	background-color: rgba(0, 0, 0, 0.35);
}

.block-course .block-course-right {
	padding-left: clamp(12px, 2vw, 28px);
}

.block-course .block-course-steps {
	position: relative;
	padding-left: 3rem;
}

.block-course .block-course-track,
.block-course .block-course-track-progress {
	position: absolute;
	left: 1.08rem;
	top: 0;
	width: 2px;
	border-radius: 20px;
	transform: translateX(-50%);
}

.block-course .block-course-track {
	height: 100%;
	background: rgba(247, 239, 231, 0.22);
}

.block-course .block-course-track-progress {
	height: 0;
	background: linear-gradient(180deg, #f0bb84 0%, #d49a66 100%);
	transition: height 0.3s ease;
}

.block-course .block-course-step {
	position: relative;
	margin-bottom: 1.75rem;
	border-radius: 20px;
	padding: 1.35rem 1.45rem;
	background: transparent;
	opacity: 0.36;
	transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.block-course .block-course-step:last-child {
	margin-bottom: 0;
}

.block-course .block-course-step.is-active {
	opacity: 1;
	background-color: #000;
}

.block-course .block-course-step.is-past {
	opacity: 0.88;
}

.block-course .block-course-step-marker {
	position: absolute;
	top: 1.55rem;
	left: -3rem;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid rgba(247, 239, 231, 0.35);
	background: #222;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.block-course .block-course-step-marker span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(247, 239, 231, 0.3);
	transition: background-color 0.25s ease;
}

.block-course .block-course-step.is-active .block-course-step-marker {
	border-color: #f0bb84;
	background-color: #2a221b;
	box-shadow: 0 0 0 5px rgba(212, 154, 102, 0.2);
}

.block-course .block-course-step.is-active .block-course-step-marker span {
	background-color: #f0bb84;
}

.block-course .block-course-step.is-past .block-course-step-marker {
	border-color: #d49a66;
	background-color: #d49a66;
}

.block-course .block-course-step.is-past .block-course-step-marker span {
	background-color: #f7efe7;
}

.block-course .block-course-step.is-upcoming .block-course-step-marker {
	border-color: rgba(247, 239, 231, 0.22);
	background-color: #1f1f1f;
}

.block-course .block-course-step.is-upcoming .block-course-step-marker span {
	background-color: rgba(247, 239, 231, 0.18);
}

.block-course .block-course-step-surtitle {
	display: block;
	margin-bottom: 0.45rem;
	color: #d49a66;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-family: "unbounded-500", "unbounded-fallback", Arial, sans-serif;
}

.block-course .block-course-step-title {
	margin: 0 0 0.6rem;
	color: #f7efe7;
	font-size: 16px;
	line-height: 1.2;
	font-family: "unbounded-500", "unbounded-fallback", Arial, sans-serif;
	font-weight: 500;
}

.block-course .block-course-step-text {
	color: #f7efe7;
	font-size: 14px;
	line-height: 1.4;
	font-family: "unbounded-300", "unbounded-fallback", Arial, sans-serif;
	opacity: 0.94;
}

.block-course .block-course-step:not(.is-active) .block-course-step-title,
.block-course .block-course-step:not(.is-active) .block-course-step-text {
	color: rgba(247, 239, 231, 0.43);
}

.block-course .block-course-step:not(.is-active) .block-course-step-surtitle {
	color: rgba(212, 154, 102, 0.62);
}

.block-course .block-course-step.is-past .block-course-step-title,
.block-course .block-course-step.is-past .block-course-step-text {
	color: rgba(247, 239, 231, 0.92);
}

.block-course .block-course-step.is-past .block-course-step-surtitle {
	color: #d49a66;
}

@media (max-width: 991.98px) {
	.block-course .block-course-container {
		padding-top: 36px;
		padding-bottom: 36px;
	}
	.block-course .block-course-sticky {
		position: static;
	}
	.block-course .block-course-title {
		font-size: 26px;
		margin-bottom: 1.25rem;
	}
	.block-course .block-course-steps {
		margin-top: 0.5rem;
		padding-left: 2.4rem;
	}
	.block-course .block-course-step {
		padding: 0.95rem 1rem;
		margin-bottom: 1rem;
	}
	.block-course .block-course-step-marker {
		left: -2.4rem;
		top: 1.2rem;
	}
}

/*# sourceMappingURL=course.css.map */