input[type="radio"], input[type="checkbox"] {
  margin: 0!important;
  line-height: normal;
}
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="checkbox"]:focus {
    outline: none!important;
    outline: 0!important;
	-webkit-focus-ring-color: transparent!important;
    outline-offset: -1px!important;
}
li {
	padding-bottom: .57em;
} 
label, input {
	cursor: pointer;
}
input {
	margin: 0;
	max-width: 100%;
	height: auto;	
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: #1b1b1b;
	vertical-align: middle;
	-webkit-appearance: none;
	   -moz-appearance: none;
	   		appearance: none;
	border: .1em solid #4F4F4F;
}	
#page {
	max-width: 1200px;
	margin: 0 auto;
}
section {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
}
@media (max-width: 767px) {
	section {
		grid-template-columns: 1fr;
	} 
}
/* End reset for the demo */

.checkbox, .radio {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.4em;
}
input[type="checkbox"],
input[type="radio"] {
	width: 1.65em!important; 
	height: 1.65em!important;
}	
input[type="radio"] {	
	border-radius: 50%;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg height='35' width='35' viewBox='0 0 35 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.4 21.5-5.93-5.93-2.01 2.01 7.94 7.94 17.1-17.1-2.01-2.01z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: 80% 80%;
	background-position: center;
	background-repeat: no-repeat;
}