.check_inner {
	margin: 20px auto;
	text-align: center;
}

.check_btns i {
	padding-left: 10px;
	color: #90b5b6;
}

.check_btns i:hover {
	color: #ef001d;
}

.check_btns {
	font-size: 120%;
}

.check_btns input[type='checkbox'] {
	display: none;
}

.check_btns label {
	position: relative;
	padding-left: 25px;
}

.check_btns input[type='checkbox'] + label::before {
	position: absolute;
	top: 0;
	left: -3px;
	display: block;
	width: 25px;
	height: 25px;
	content: '';
	border: 1px solid #d1292c;
	border-radius: 3px;
}

.check_btns input[type='checkbox'] + label::before:checked {
	background: rgb(239 228 83 / 100%);
}

.check_btns input[type='checkbox'] + label::after {
	position: absolute;
	top: -2px;
	left: 5px;
	display: block;
	width: 8px;
	height: 12px;
	content: '';
	border-right: 3px solid #ef001d;
	border-bottom: 3px solid #ef001d;
	transform: rotate(45deg) scale(0, 0);
	transition: 0.3s;
}

.check_btns input[type='checkbox']:checked + label::after {
	transform: rotate(45deg) scale(1, 1);
}

.check_btns input[type='checkbox']:checked + .ch_box {
	color: #ef001d;
}

label.ch_box {
	padding-left: 30px;
	font-size: 140%;
}

label.ch_box:hover {
	color: #05bec7;
}
/* ======radio_btn======== */
.radio_inner {
	margin: 20px auto;
	text-align: center;
}

.check_btns input[type='radio'] {
	display: none;
}

.check_btns {
	margin: 5px auto;
}

.check_btns input[type='radio'] + label::before {
	position: absolute;
	top: 7px;
	left: -4px;
	display: block;
	width: 28px;
	height: 28px;
	content: '';
	border: 2px solid #000;
	border-radius: 3px;
}

.check_btns input[type='radio'] + label::before:checked {
	background: rgb(239 228 83 / 100%);
}

.check_btns input[type='radio'] + label::after {
	position: absolute;
	top: 7px;
	left: 5px;
	display: block;
	width: 13px;
	height: 20px;
	content: '';
	border-right: 5px solid #ef001d;
	border-bottom: 5px solid #ef001d;
	transform: rotate(45deg) scale(0, 0);
	transition: 0.3s;
}

.check_btns input[type='radio']:checked + label::after {
	transform: rotate(45deg) scale(1, 1);
}

.check_btns input[type='radio']:checked + .ch_box {
	font-weight: bold;
	color: #ef001d;
}

/* ======CQID_btn======== */
.COID_flex {
	display: flex;
	flex-flow: row wrap;
	margin: 5px auto;
}

.coid_btn {
	position: relative;
	display: block;
	margin: 0 auto;
	line-height: 1;
	white-space: nowrap;
}

.coid_btn input[type='radio'] {
	position: absolute;
	visibility: hidden;
}

.coid_btn label {
	position: relative;
	display: block;
	padding: 10px 13px 10px 38px;
	margin: 10px auto;
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #99bed9;
	border: 3px solid #99bed9;
	border-radius: 3px;
	box-shadow:
		0 0 2px #3792c5,
		0 0 2px #3792c5,
		0 0 2px #3792c5;
	-webkit-transition: all 0.25s linear;
}

.coid_btn label span {
	font-size: 85%;
	color: #255e9a;
}

.coid_btn label:hover {
	color: #fff;
	background: #008bd9;
	border: 3px solid #008bd9;
	box-shadow:
		0 0 2px #008bd9,
		0 0 2px #008bd9,
		0 0 2px #008bd9;
}

.coid_btn input[type='radio']:checked ~ label {
	color: #fff;
	background: #ff8897;
	border: 3px solid #f74057;
	box-shadow:
		0 0 2px #f74057,
		0 0 2px #f74057,
		0 0 2px #f74057;
}

.coid_btn input[type='radio'] {
	display: none;
}

.coid_btn input[type='radio'] + label::before {
	position: absolute;
	top: 15px;
	left: 5px;
	display: block;
	width: 25px;
	height: 25px;
	content: '';
	background: #fff;
	border: 1px solid #808080;
	border-radius: 3px;
	transform: translate(0%, 0%);
}

.coid_btn input[type='radio'] + label::after {
	position: absolute;
	top: 7px;
	left: 12px;
	display: block;
	width: 15px;
	height: 25px;
	content: '';
	border-right: 7px solid #ef001d;
	border-bottom: 7px solid #ef001d;
	transform: rotate(45deg) scale(0, 0) translate(-50%, -50%);
	transition: 0.3s;
}

.coid_btn input[type='radio']:checked + label::after {
	transform: rotate(45deg) scale(1, 1);
}

/* ======course_btn======== */
.course_flex {
	display: flex;
	flex-flow: row wrap;
	margin: 5px auto;
}

.course_btn {
	position: relative;
	display: none;
	width: 48%;
	margin: 0 auto;
	line-height: 1;
}

.course_btn input[type='radio'] {
	position: absolute;
	visibility: hidden;
}

.course_btn label {
	position: relative;
	display: block;
	padding: 15px 13px 15px 38px;
	margin: 10px auto;
	font-size: 200%;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #79d09e;
	border: 1px solid rgb(27 73 26 / 100%);
	border-radius: 3px;
	box-shadow:
		0 0 2px #b0b0b0,
		0 0 2px #b0b0b0,
		0 0 2px #b0b0b0;
	-webkit-transition: all 0.25s linear; 
	
}

.course_btn label span {
	font-size: 90%;
	text-align: center;
}

.course_btn label:hover {
	color: #fff;
	background: #008bd9;
	border: 3px solid #008bd9;
	box-shadow:
		0 0 2px #008bd9,
		0 0 2px #008bd9,
		0 0 2px #008bd9;
}

.course_btn input[type='radio']:checked ~ label {
	color: #fff;
	background: #ff8897;
	border: 3px solid #f74057;
	box-shadow:
		0 0 2px #f74057,
		0 0 2px #f74057,
		0 0 2px #f74057;
}

.course_btn input[type='radio'] {
	display: none;
}

.course_btn input[type='radio'] + label::before {
	position: absolute;
	top: 20px;
	left: 5px;
	display: block;
	width: 25px;
	height: 25px;
	content: '';
	background: #fff;
	border: 1px solid #808080;
	border-radius: 3px;
	transform: translate(0%, 0%);
}

.course_btn input[type='radio'] + label::after {
	position: absolute;
	top: 13px;
	left: 12px;
	display: block;
	width: 15px;
	height: 25px;
	content: '';
	border-right: 7px solid #ef001d;
	border-bottom: 7px solid #ef001d;
	transform: rotate(45deg) scale(0, 0) translate(-50%, -50%);
	transition: 0.3s;
}

.course_btn input[type='radio']:checked + label::after {
	transform: rotate(45deg) scale(1, 1);
}

@media screen and (max-width: 980px) {
	.COID_flex {
		flex-direction: column;
		margin: 10px auto;
		justify-content: center;
	}

	.coid_btn {
		margin: 0;
	}

	.course_btn label {
		font-size: 150%;
	}

	.course_btn {
		width: 98%;
		margin: 0;
	}
}
.course_btn label span {
	font-size: 90%;
	text-align: left;
}