.course_con {
	box-sizing: border-box;
    width: 100%;
	min-height: 30vh;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}
ul.tabs {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

ul.tabs li {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin-right: 40px;
	padding-bottom: 12px;
	font-size: 18px;
	line-height: 1;
}

ul.tabs li.active::after {
    content: "";
    width: 20px;
    height: 3px;
    background: #1e62ec;
    border-radius: 2px;
    position: absolute;
    left: 50%;
	bottom: 0;
    transform: translateX(-50%)
}

.tab_container {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	/* padding: 20px; */
	display: none;
}

@media only screen and (max-width: 768px) {
	.course_con {
        padding: 14px;
    }
	ul.tabs li {
		margin-right: 20px;
		font-size: 16px;
	}

}