

.acd-check {
	display: none;
}

.acd-content {
	border: 2px solid #F2CB05;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .5s;
	visibility: visible;
	background: rgba(227, 246, 246, 0.9);
}

.acd-content p {
	text-align: center;
}

.acd-content p a {
	color: #333;
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.acd-content p a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #7AB3BF;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}

.acd-content p a:hover::after {
	transform: scale(1, 1);
}

.acd-check:checked + .menu + .acd-content {
  height: auto;
  opacity: 1;
  padding: 10px;
  margin-bottom: 10px;
  visibility: visible;
}


.acd-check_reverse {
	display: none;
}

.acd-content_reverse {
	border: 2px solid #F2CB05;
	height: auto;
	padding: 10px;
	margin-bottom: 10px;
	transition: .5s;
	visibility: visible;
}

.acd-content_reverse p {
	text-align: center;
}

.acd-content_reverse p a {
	color: #333;
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.acd-content_reverse p a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #7AB3BF;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}

.acd-content_reverse p a:hover::after {
	transform: scale(1, 1);
}

.acd-content_reverse p a:hover::after {
	transform: scale(1, 1);
}

.acd-check_reverse:checked + .menu + .acd-content_reverse {
  height: 0;
  opacity: 0;
  padding: 0;
  margin-bottom: 0;
  visibility: hidden;
}