#faqs { 
	background: #F5F7F9;
	text-align: center;
	padding: 4rem 1rem 2rem 1rem;
}
#faqs h2, #faqs .subtitle { 
	text-align: left;
	width: 100%;
	margin: 0 auto;
}
#faqs h2 { padding-bottom: 0.5rem; }
#faqs .subtitle { color: rgba(88,88,88,0.75); }
#faqs .content {
	display: grid;
	grid-template-columns: minmax(290px, 1fr) 3fr;
	gap: 2rem;
	padding-top: 2.5rem;
}
#faqs .connect {
	font-size: 0.875rem;
	color: #585858;
}
#faqs .connect img { width: 100%; }
#faqs ul {
	list-style: none;
	padding-left: 0;
	margin: 1rem 0 3rem 0;
	display: grid;
	gap: 1.5rem;
	text-align: left;
}
#faqs li {
	display: grid;
	gap: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #EAEDF4;
}
#faqs li div {
	display:flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: 1.125rem;
	color: #1a1a1a;
	cursor: pointer;
}
#faqs li img { width: 0.875rem; }
#faqs li.active img { transform: rotate(180deg); }
#faqs li p {
	font-size: 0.875rem;
	color: #585858;
	opacity: 0.75;
	max-height: 0;
	margin: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
#faqs li.active p {
	max-height: 500px;
	padding-bottom: 1rem;
}