/******/
/*** ACCORDION ***/
/******/

.accordion {
	width: 100%;
}

.accordion .a-btn {
	width: 100%;
	padding: 1rem 0;
	background: transparent;
	border: 0;
	text-align: left;
	cursor: pointer;
}

.accordion .a-btn.h5 {
	text-transform: uppercase;
	letter-spacing: var(--tracking-widest);
}

.accordion .a-btn.h5 img {
	width: 2rem;
	height: 2rem;
}

.accordion .a-panel {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.35s ease, opacity 0.25s ease;
}

.accordion .a-container.active .a-panel {
	max-height: 30rem;
	opacity: 1;
}

.accordion .a-container img {
	transition: rotate 0.5s ease-in-out;
}

.accordion .a-container.active img {
	transform: rotate(180deg);
}