.course {
	--course-margin-block: 60px;
	--course-padding-inline: 20px;
	--course-container-grid-template-columns: 42% 58%;
	--course-image-container-border-radius: 10px 0 0 10px;
	--course-image-sale-display: none;
	--course-content-padding-inline: 44px;
	--course-content-border-radius: 0 10px 10px 0;
	--course-content-heading-padding-block: 25px;
	--course-content-heading-border-radius: 0 10px 0 0;
	--course-content-text-margin-block: 39px;
	--course-content-spec-margin-block: 39px 45px;
	--course-content-spec-grid-template-columns: 245px 245px;
	--course-content-spec-gap: 70px;
	--course-content-spec-p-margin-bottom: 12px;
	--course-content-buttons-margin-block: 45px;
	--course-content-buttons-gap: 15px;
	--couse-content-sale-display: flex;
	margin-block: var(--course-margin-block);
	padding-inline: var(--course-padding-inline);
}

.course-container {
	width: var(--container-width-wide, 1300px);
	margin-inline: auto;
	max-width: 100%;
	display: grid;
	grid-template-columns: var(--course-container-grid-template-columns);
}

.course-sale {
	width: 275px;
	height: 55px;
	position: absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	background-color: var(--clr-primary, #ff6600);
	color: #fff;
	font-size: 25px;
	line-height: 1;
	font-weight: 700;
}

.course-image-container {
	position: relative;
	overflow: hidden;
	border-radius: var(--course-image-container-border-radius);
}

.course-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.course-image-sale {
	right: -90px;
	top: 20px;
	transform: rotate(45deg);
	display: var(--course-image-sale-display);
	font-size: 20px;
}

.course-content {
	position: relative;
	border-radius: var(--course-content-border-radius);
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	background-color: #fff;
}

.course-content-heading {
	padding-inline: var(--course-content-padding-inline);
	padding-block: var(--course-content-heading-padding-block);
	margin: 0;
	background-color: var(--clr-secondary-light, #f8f9ff);
	border-radius: var(--course-content-heading-border-radius);
}

.course-content-text {
	padding-inline: var(--course-content-padding-inline);
	margin-block: var(--course-content-text-margin-block);
}
.course-content-text > *:last-child {
	margin-bottom: 0;
}

.course-content-spec {
	padding-inline: var(--course-content-padding-inline);
	margin-block: var(--course-content-spec-margin-block);
	display: grid;
	grid-template-columns: var(--course-content-spec-grid-template-columns);
	gap: var(--course-content-spec-gap);
}

.course-content-spec p {
	margin-bottom: var(--course-content-spec-p-margin-bottom);
}

.course-content-price > *:last-child, .course-content-duration > *:last-child {
	margin-bottom: 0;
}

.course-content-buttons {
	padding-inline: var(--course-content-padding-inline);
	margin-block: var(--course-content-buttons-margin-block);
	display: flex;
	flex-wrap: wrap;
	gap: var(--course-content-buttons-gap);
}

.course-content-sale {
	display: var(--couse-content-sale-display);
	transform: rotate(-45deg);
	right: -60px;
	bottom: 50px;
}

@media screen and (max-width: 1023px) {
	.course {
		--course-container-grid-template-columns: 1fr;
		--course-image-container-border-radius: 10px 10px 0 0;
		--course-content-border-radius: 0 0 10px 10px;
		--course-content-heading-border-radius: 0;
	}
}

@media screen and (max-width: 499px) {
	.course {
		--course-margin-block: 30px;
		--course-image-sale-display: flex;
		--course-content-padding-inline: 18px;
		--course-content-heading-padding-block: 16px;
		--course-content-text-margin-block: 19px;
		--course-content-spec-margin-block: 26px 24px;
		--course-content-spec-grid-template-columns: 1fr;
		--course-content-spec-gap: 24px;
		--course-content-spec-p-margin-bottom: 0px;
		--course-content-buttons-margin-block: 35px 45px;
		--course-content-buttons-gap: 8px;
		--couse-content-sale-display: none;
	}
}