/* body {
	background-color: #FFF;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
} */

.mt-m-10 {
	margin-top: -10px;
	padding-bottom: 10px;
}

.number-strip {
	position: relative;
	width: 60%;
}

.number-strip:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #000;
	left: 0px;
	right: 0px;
	top: 0px
}

.round {
	position: relative;
	margin-right: 2.5em;
}

.round label {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	height: 35px;
	left: 0;
	position: absolute;
	top: 0;
	width: 35px;
	line-height: 35px;
	text-align: center;

	font-size: 15px;
}

.round label:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 25px;
	background-color: #000;
	left: 0px;
	right: 0px;
	top: -2.5em;
	margin: 0px auto;
}

.round label:after {
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	content: "";
	height: 6px;
	left: 7px;
	opacity: 0;
	position: absolute;
	top: 8px;
	transform: rotate(-45deg);
	width: 12px;
}

.round input[type="checkbox"] {
	visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
	background-color: #05c21e;
	border-color: #05c21e;
	color: #fff;
}

.round input[type="checkbox"]:checked.wrong+label {
	background-color: #FF0000;
	border-color: #FF0000;
	color: #fff;
}

.number-strip span.right img {
	position: absolute;
	right: -6px;
	top: -11px;
	width: 25px;
	filter: brightness(0);
}

.number-strip span.left img {
	position: absolute;
	left: -6px;
	top: -11px;
	width: 25px;
	filter: brightness(0);
	transform: rotate(180deg);
}

@media(max-width: 1280px) {
	.number-outer {
		overflow-y: hidden;
		overflow-x: scroll;
	}

	.number-strip {
		max-width: 600px;
		width: 600px;

		padding-bottom: 2em;
		padding-top: 3em !important;
	}

	.number-strip span.left img {
		left: -5px;
		top: 4px;
	}

	.number-strip span.right img {
		right: -5px;
		top: 4px;
	}

	.round label:before {
		top: -2.6em
	}

	.number-strip:before {
		top: 15px
	}
}







