.faq-section {
	padding-top:50px;
}
.faq-section h2 {
	font-family:	var(--bold);
	padding-bottom:	20px;
	font-size:		24px;
	line-height:	36px;
	font-weight:	normal;
}
.faq-section h2.faq-category {
	padding-bottom:	0px;
	padding-top:20px;
}
.faq-section h2.faq-category label {
	display:flex;
	flex-direction: row;
	align-content: space-between;
	cursor:pointer;
}
.faq-section h2.faq-category span {
	width: calc(100% - 38px);
}
.faq-section h2.faq-category svg {
	width: 28px;
	height: 17px;
	display: block;
	margin-right: 24px;
	position: relative;
	top: 19px;
}
.faq-section h2.faq-category path {
	stroke: var(--mono);
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}
.faq-section h2.faq-category:hover path{
	stroke:			var(--light-blue);
}
.faq-section input:checked + h2.faq-category svg {
	transform: rotate(180deg);
}
.faq-section input:checked + h2.faq-category path {
	stroke: var(--secondary);
}
.faq-section header {
	padding-bottom:40px;
}
.faq-section header p {
	font-size:		16px;
	font-family:	var(--medium);
	color:			var(--charcoal);
	line-height:	24px;
}
.faq-category-group {
	display:none;
}
.faq-category,
.faq-accordion {
	display:flex;
	flex-direction:column;
	gap:18px;
}
.faq-accordion > input,
.faq-accordion .faq > input {
	display:none;
}
.faq-accordion h3 {
	padding-bottom:0;
}
.faq-accordion h3 label {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: var(--another-grey);
	border-radius: 7px;
	line-height: 58px;
	cursor: pointer;
}
.faq-accordion h3 span{
	line-height:	58px;
	display:		block;
	width:			calc( 100% - 49px );
	padding-left:	24px;
	font-size:		18px;
	font-family:	var(--semibold);
}
.faq-accordion h3:hover span{
	color:			var(--light-blue);
}
.faq-accordion :checked ~ h3 span{
	color:			var(--mono);
}
.faq-accordion h3 svg{
	width: 28px;
	height: 17px;
	display: block;
	margin-right: 24px;
	position: relative;
	top: 19px;
}
.faq-accordion h3 path {
	stroke: var(--mono);
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}
.faq-accordion h3:hover path{
	stroke:			var(--light-blue);
}

.faq-accordion .section-content {
	display:none;
	padding:15px;
	padding:0 24px 24px;
}
.faq-accordion .faq input:checked ~ h3 label {
	border-radius:7px 7px 0 0;
}
.faq-accordion .faq input:checked ~ h3 svg {
	transform: rotate(180deg);
}
.faq-accordion .faq input:checked ~ h3 path {
	stroke: var(--secondary);
}
.faq-accordion .faq input:checked ~ .section-content {
	display:block;
	background: var(--another-grey);
	border-radius: 0 0 7px 7px;
}
.faq {
	margin-bottom:8px;
}
.faq-accordion #faq-category-1:checked ~ .faq-category-1,
.faq-accordion #faq-category-2:checked ~ .faq-category-2,
.faq-accordion #faq-category-3:checked ~ .faq-category-3,
.faq-accordion #faq-category-4:checked ~ .faq-category-4 {
	display:block;
}
.faq-accordion .section-content p {
	font-size:16px;
	line-height:24px;
	padding-bottom:8px;
}
.faq-accordion .section-content h4 {
	color:var(--mono);
	font-family:var(--semibold);
	line-height:1.5;
	padding-bottom:8px;
	padding-top:10px;
	font-size:18px;
}
.faq-accordion strong {
	font-family:var(--semibold);
	font-weight:normal;
	color:var(--mono);
}
.faq-accordion ul li {
	list-style:disc;
	margin-left:35px;
	list-style-position:outside;
	font-size:16px;
	line-height:24px;
	padding-bottom:8px;
}
.faq-accordion hr {
	margin-top:30px;
	height:1px;
	border:0;
	background:var(--line);
}
@media all and (min-width:768px) {
	.faq-section header {
		text-align:center;
	}
}