.fc_course_links .course_links_container {
	display: grid;
	gap: clamp(20px, 3.5vw, 40px) clamp(20px, 6vw, 100px);
	grid-template-columns: repeat(2, 1fr);
}
.fc_course_links.bg_black .course_links_container .course, .fc_course_links.bg_black .course_links_container .course:hover h5 span, .fc_course_links.bg_black .course_links_container .course h5 span {
	color: var(--white);
	text-decoration: none;
}
.fc_course_links .course_links_container .course, .fc_course_links .course_links_container .course:hover h5 span, .fc_course_links .course_links_container .course h5 span {
	color: var(--black);
	text-decoration: none;
}
.fc_course_links .course_links_container .course {
	display: flex;
	align-items: center;
	gap: 20px;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: clamp(20px, 3.5vw, 40px);
	font-weight: 400;
}
.fc_course_links .course_links_container .course:hover h5, .fc_course_links:not(.bg_black) .course_links_container .course:hover h5 {
	color: var(--teal);
	transition: all .3s ease-in-out;
}
.fc_course_links .course_links_container .course h5 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-weight: 700;
	margin-bottom: 20px;
	transition: all .3s ease-in-out;
	color: var(--white);
}
.fc_course_links:not(.bg_black) .course_links_container .course h5 {
	color: var(--black);
}
.fc_course_links .course_links_container .course h5 span {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
}
.fc_course_links .course_links_container .course::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='%2300B3BA'/%3E%3Cpath fill='%23fff' d='M18.75 29a1 1 0 1 0 0 2v-2Zm23.207 1.707a1 1 0 0 0 0-1.414l-6.364-6.364a1 1 0 0 0-1.414 1.414L39.836 30l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364ZM18.75 31h22.5v-2h-22.5v2Z'/%3E%3C/svg%3E");
	content: '';
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	min-width: 60px;
	height: 60px;
	opacity: 0;
	transition: all .3s ease-in-out;
}
.fc_course_links .course_links_container .course:hover::after {
	opacity: 1;
	transition: all .3s ease-in-out;
}

@media (max-width: 1240px) {
	.fc_course_links .course_links_container {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width: 640px) {
	.fc_course_links .course_links_container .course::after {
		min-width: 30px;
		height: 30px;
	}
}