.sssdiv{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px;
}
.sssdiv h2{
	text-align: center;
	color: #222;
}
.sssdiv .sss{
	width: 80%;
	padding: 50px;
	display: grid;
	place-content: center;
}
.sssdiv .sss .accordion {
	width: 100%;
}
.sssdiv .sss .accordion .accordion-list .accordion-item {
	list-style: none;
	position: relative;
	height: max-content;
	margin-left: -35px;
}
.sssdiv .sss .accordion .accordion-list .accordion-item input[type="checkbox"] {
	display: none;
}
.sssdiv .sss .accordion .accordion-list .accordion-item label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
	background: #f8f9fa;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.sssdiv .sss .accordion .accordion-list .accordion-item label .opened {
	display: none;
}
.sssdiv .sss .accordion .accordion-list .accordion-item label .closed {
	display: block;
}
.sssdiv .sss .accordion .accordion-list .accordion-item .content {
	width: 100%;
	transition: all 0.3s ease;
	opacity: 0;
	pointer-events: none;
	padding: 8px 16px;
	position: relative;
	z-index: 1;
	padding-left: 20px;
	max-height: 0;
	margin-top: -12px;
}
.sssdiv .sss .accordion .accordion-list .accordion-item .content.show {
	margin-top: 0;
	max-height: 100%;
	opacity: 1;
	pointer-events: all;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.sssdiv .sss .accordion .accordion-list .accordion-item .content p {
	margin-bottom: 8px;
	color: gray;
}
.sssdiv .sss .accordion .accordion-list .accordion-item input[type="checkbox"]:checked ~ label .opened {
	display: block;
}
.sssdiv .sss .accordion .accordion-list .accordion-item input[type="checkbox"]:checked ~ label .closed {
	display: none;
}