.accordion {
	margin: 1em auto;
	max-width: 100%;
}
.accordion .option .toggle {
	display: none;
}
.accordion .option  {
	position: relative;
	margin-bottom: 0.5em;
}
.accordion .option .title,
.accordion .option .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.accordion .option .title {
	border: solid 1px #ccc;
	background: #e4e4e4;
	padding: 1em 0 1em 2em;
	display: block;
	color: #333;
	font-weight: bold;
}
.accordion .option .title::after,
.accordion .option .title::before {
	content: "";
	position: absolute;
	left: 1.25em;
	top: 1.5em;
	width: 2px;
	height: 1em;
	background-color: #999;
	transition: all 0.3s;
}
.accordion .option .title::after {
	transform: rotate(90deg);
}
.accordion .option .content {
	max-height: 0;
	overflow: hidden;
    margin: 0px auto;
    padding: 5px 5px;
    position: relative;
}
.accordion .option .content p {
	padding: 10px 10px;
	color: #242323;
	font-size: 0.7rem;
	line-height: 1.5;
}
.accordion .option .toggle:checked + .title + .content {
	max-height: 580px;
	transition: all 1.5s;
}
.accordion .option .toggle:checked + .title::before {
	transform: rotate(90deg) !important;
}