.buy-button {

	margin-top: 1rem;

}

.modules-list {

	margin-top: 2rem;

}

.course-details {

	padding: 1rem;

} /* Adjusted padding */

.header-style {

	background-color: var(--primaryColor);

	color: var(--white);

	padding: 0.75rem 1rem;

	border-radius: 0.375rem;

	margin-bottom: 1rem;

}

.lesson-content,

.quiz-content {

	margin-bottom: 2rem;

}

.read-only-editor .ql-editor {

	padding: 15px;

	border: 1px solid #dee2e6;

	border-radius: 0.375rem;

	background-color: #f8f9fa;

	min-height: 150px;

}

.read-only-editor .ql-tooltip {

	display: none !important;

} /* Hide tooltip in read-only */

video {

	max-width: 100%;

	height: auto;

} /* Responsive video */

video::-webkit-media-controls-picture-in-picture-button {

	display: none;

}

.course-header {

	display: flex;

	flex-direction: row;

	align-items: flex-start;

	justify-content: space-between;

	gap: 1rem;

	position: relative;

	flex-wrap: wrap;

	background-color: var(--primaryColor);

	color: var(--white);

	padding: 0.5rem;

}

.course-header * {

	color: var(--white);

}

.course-info {

	flex: 1;

}

.course-thumbnail {

	/* position: absolute; */

	top: 100%;

	right: 100px;

	/* transform: translateY(-50%); */

	max-width: 150px;

	/* width: 100%; */

	max-height: 150px;

}

.custom-header {

	background-color: var(--primaryColor);

	color: white;

	padding: 1rem;

	border-radius: 20px;

}

#timer {

	font-size: 24px;

	font-weight: bold;

	color: red;

	text-align: center;

}

.module-link {

	text-decoration: none;

	cursor: pointer;

}

@media (max-width: 768px) {

	.thumbnail-container {

		order: 1;

	}

	.course-info {

		order: 2;

	}

	.course-header {

		flex-direction: column;

		align-items: center;

		text-align: center;

		position: static;

	}

	.course-thumbnail {

		position: static;

		transform: none;

	}

	.buy-button {

		align-self: center;

	}

}