/* FAQ-Widget */

.hz-faq { background: var(--hz-white); }

.hz-faq-head { text-align: center; margin-bottom: 3rem; }

.hz-faq-wrap {
	max-width: 760px;
	margin: 0 auto;
}

.hz-faq-item {
	background: var(--hz-sand);
	border-radius: var(--hz-radius);
	margin-bottom: .55rem;
	overflow: hidden;
	border: 1px solid transparent;
	transition: border-color .2s, background .2s;
}
.hz-faq-item:hover { border-color: rgba(51, 102, 153, .08); }
.hz-faq-item.hz-open { border-color: rgba(51, 102, 153, .15); background: var(--hz-white); }

.hz-faq-q {
	display: flex; align-items: center; justify-content: space-between;
	padding: 1.15rem 1.4rem;
	font-weight: 500; color: var(--hz-c3); font-size: 1.02rem;
	gap: 1rem;
	transition: background .15s;
	border: none; background: transparent;
	width: 100%; text-align: left;
	font-family: inherit; line-height: 1.5;
	cursor: pointer;
}
.hz-faq-q:hover { background: rgba(51, 102, 153, .02); }
.hz-faq-q .hz-chevron {
	font-size: 1.4rem; line-height: 1;
	transition: transform .3s;
	flex-shrink: 0; color: var(--hz-c1);
	display: inline-block;
}
.hz-faq-item.hz-open .hz-faq-q { color: var(--hz-c1); }
.hz-faq-item.hz-open .hz-chevron { transform: rotate(180deg); }

.hz-faq-a {
	max-height: 0; overflow: hidden;
	transition: max-height .35s ease, padding .35s ease;
	padding: 0 1.4rem;
}
.hz-faq-item.hz-open .hz-faq-a { max-height: 500px; padding: 1rem 1.4rem 1.4rem; }
.hz-faq-a p { font-size: 1rem; color: var(--hz-muted); margin: 0; line-height: 1.75; }
.hz-faq-a a { color: var(--hz-c1); }

.hz-faq-footer {
	color: var(--hz-muted); font-size: .9rem;
	text-align: center; margin-top: 1.6rem;
}

@media (max-width: 767px) {
	.hz-faq-q { font-size: .96rem; padding: 1rem 1.1rem; }
	.hz-faq-item.hz-open .hz-faq-a { padding: .9rem 1.1rem 1.2rem; }
}