.faq {
	padding: var(--indent-sides);
	
}
.faq:nth-of-type(2) {
	margin-top: var(--indent-sides);
	border-top: var(--line) solid var(--cl1);
}
.faq__hl {
	font-size: var(--xl);
	line-height: var(--lh-xl);
	margin-bottom: var(--indent-sides);
	
}
.faq__sections {
	display: flex;
	flex-direction: column;
	gap: var(--indent-sides);
	
}
.faq__section {
	display: grid;
	gap: var(--grid-gap);
	
}
.faq__section-hl {
	font-size: var(--lg);
	line-height: var(--lh-lg);
	
}
.faq__items {
	
}
.faq__item {
	border-top: var(--line) solid var(--cl1);
	
}
.faq__toggle {
	display: flex;
	flex-direction: row;
	padding: clamp(1rem,2vw,2rem);
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	gap: clamp(.5rem,1vw,.8rem);
	padding-left: 0rem;
	text-decoration: none;
	
}
.faq__toggle:hover .faq__question {
	color: var(--cl1);
	
}
.faq__icon {
	display: block;
	width: clamp(1rem,2vw,1.8rem);
	transition: transform .3s ease;
	
}
.active .faq__icon {
	transform: rotate(45deg);
	
}
.faq__question {
	margin-bottom: 0rem;
	font-size: var(--md);
	line-height: var(--lh-md);
	transition: color .3s ease;
	
}
.active .faq__question {
	color: var(--cl1);
	
}
.faq__answer {
	padding: clamp(1rem,2vw,2rem);
	padding-top: 0rem;
	padding-right: clamp(1rem,2vw,4rem);
	display: none;
	padding-left: 0rem;
	
}
.faq__answer ul {
	margin-top: 0rem;
	padding-left: 1.2rem;
	
}
.faq__answer p,
.faq__answer li {
	font-size: var(--md);
	line-height: var(--lh-md);
	
}
@media screen and (min-width: 768px){
	.faq__section {
		grid-template-columns: 1fr 1fr;
		
	}
	.faq__toggle,
	.faq__answer {
		padding-left: 2vw;
		
	}
	
}