/* FAQ page: one guided reading flow, seven themed sections and native accordions. */

.ppipd-page[data-ppipd-page="faq"] .elementor,
.ppipd-page[data-ppipd-page="faq"] .elementor > .e-con,
.ppipd-page[data-ppipd-page="faq"] .elementor > .e-con > .e-con-inner {
	width: 100%;
	max-width: 100%;
}

.ppipd-page[data-ppipd-page="faq"] .elementor > .e-con > .e-con-inner {
	display: block;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-hero {
	padding-block-end: clamp(28px, 4vw, 48px);
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-topics {
	position: static !important;
	width: 100%;
	margin: 0 0 clamp(38px, 5vw, 64px);
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-topic-nav {
	justify-content: center;
	gap: 10px;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-topic-nav > li {
	margin: 0;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-topic-nav a {
	min-height: 44px;
	padding-inline: 18px;
	box-shadow: 0 2px 4px rgba(58, 47, 99, .04);
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section {
	width: 100%;
	padding-block: 0 clamp(54px, 7vw, 92px);
	scroll-margin-top: 88px;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section + .ppipd-faq-section {
	padding-block-start: 0;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-head {
	position: relative;
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: clamp(18px, 3vw, 34px);
	align-items: center;
	min-height: 154px;
	margin-block-end: 18px;
	padding: clamp(18px, 2.8vw, 30px) clamp(20px, 3.4vw, 40px);
	border: 1px solid var(--ppipd-line);
	border-radius: var(--ppipd-radius-lg);
	background:
		radial-gradient(360px 170px at 100% 0%, rgba(232, 181, 74, .2), transparent 68%),
		linear-gradient(135deg, #fff 0%, var(--ppipd-tint-soft) 100%);
	box-shadow: 0 2px 5px rgba(58, 47, 99, .05), 0 16px 34px rgba(58, 47, 99, .08);
	overflow: hidden;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-head::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 5px;
	background: linear-gradient(90deg, var(--ppipd-primary) 0 72%, var(--ppipd-gold) 72% 100%);
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-art {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-art .ppipd-animation--section {
	width: 118px;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-copy,
.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-copy > .elementor-widget {
	min-width: 0;
	width: 100%;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-sec,
.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-banner {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.ppipd-page[data-ppipd-page="faq"] .pp-faq-sec-ico {
	display: none;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-sec h2,
.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-banner h2 {
	margin: 0;
	color: var(--ppipd-ink);
	font-size: clamp(25px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.025em;
	text-wrap: balance;
	scroll-margin-top: 104px;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-anchor {
	display: block;
	position: relative;
	top: -104px;
	width: 0;
	height: 0;
	visibility: hidden;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-acc,
.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-accordion {
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-accordion > .elementor-widget-container {
	width: 100%;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-list {
	display: grid;
	gap: 0;
	width: 100%;
	border: 1px solid var(--ppipd-line);
	border-radius: var(--ppipd-radius);
	background: #fff;
	box-shadow: 0 2px 5px rgba(58, 47, 99, .04), 0 14px 32px rgba(58, 47, 99, .07);
	overflow: hidden;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa {
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa + .ppipd-faq-qa {
	border-block-start: 1px solid var(--ppipd-line);
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa[open] {
	border-color: var(--ppipd-line);
	background: linear-gradient(180deg, rgba(247, 245, 251, .82), #fff 72%);
	box-shadow: none;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa[open] > summary {
	color: var(--ppipd-primary);
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary {
	min-height: 72px;
	padding: 20px 68px 20px 26px;
	color: var(--ppipd-ink);
	font-size: clamp(16px, 1.5vw, 18px);
	font-weight: 700;
	line-height: 1.45;
	transition: background-color .22s, color .22s;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary:hover {
	background: var(--ppipd-tint-soft);
	color: var(--ppipd-primary);
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary:focus-visible {
	outline-offset: -4px;
}

.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-question-text {
	min-width: 0;
	overflow-wrap: anywhere;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary::after {
	top: 50%;
	inset-inline-end: 28px;
	width: 11px;
	height: 11px;
	border-color: var(--ppipd-primary);
	transform: translateY(-50%) rotate(45deg);
	transform-origin: center;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa[open] > summary::after {
	transform: translateY(-50%) rotate(225deg);
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-answer {
	padding: 0 68px 25px 26px;
	color: var(--ppipd-text);
	font-size: 16px;
	line-height: 1.72;
	overflow-wrap: anywhere;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-answer > :first-child {
	margin-block-start: 0;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-answer > :last-child {
	margin-block-end: 0;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-cta.ppipd-faq-cta {
	width: 100%;
	margin: clamp(4px, 1vw, 14px) 0 clamp(28px, 5vw, 64px);
	padding: clamp(34px, 6vw, 72px) clamp(22px, 5vw, 64px);
	border: 0;
	border-radius: var(--ppipd-radius-lg);
	background:
		radial-gradient(520px 250px at 100% 0%, rgba(232, 181, 74, .34), transparent 64%),
		radial-gradient(580px 300px at 0 100%, rgba(140, 123, 196, .42), transparent 64%),
		linear-gradient(135deg, var(--ppipd-ink), var(--ppipd-primary));
	box-shadow: var(--ppipd-shadow-lg);
	color: rgba(255, 255, 255, .92);
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-cta-title {
	max-width: 32ch;
	margin: 0 auto 22px;
	color: #fff;
	font-size: clamp(22px, 2.6vw, 32px);
	font-weight: 700;
	line-height: 1.25;
	text-wrap: balance;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 11px 28px;
	border: 2px solid #fff;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(24, 17, 50, .28);
	color: var(--ppipd-ink) !important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
	text-decoration: none;
	text-transform: none;
	transition: transform .22s var(--ppipd-ease), background-color .22s, border-color .22s, box-shadow .22s;
}

.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-cta-btn:hover {
	transform: translateY(-2px);
	border-color: var(--ppipd-gold);
	background: var(--ppipd-gold);
	box-shadow: 0 16px 34px rgba(24, 17, 50, .34);
	color: var(--ppipd-ink) !important;
	text-decoration: none;
}

@media (max-width: 700px) {
	.ppipd-page[data-ppipd-page="faq"] .ppipd-topic-nav {
		justify-content: flex-start;
	}

	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-topic-nav a {
		padding-inline: 14px;
		font-size: 14px;
	}

	.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-head {
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 14px;
		min-height: 112px;
		padding: 18px 16px;
		border-radius: 20px;
	}

	.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-section-art .ppipd-animation--section {
		width: 72px;
	}

	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-sec h2,
	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-banner h2 {
		font-size: clamp(21px, 6vw, 27px);
	}

	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary {
		min-height: 64px;
		padding: 17px 50px 17px 18px;
		font-size: 16px;
	}

	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary::after {
		inset-inline-end: 20px;
	}

	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-answer {
		padding: 0 18px 21px;
		font-size: 15.5px;
	}

	.ppipd-page.ppipd-page[data-ppipd-page="faq"] .pp-faq-cta-btn {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	html .ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa > summary,
	html .ppipd-page[data-ppipd-page="faq"] .pp-faq-cta-btn {
		transition: background-color .22s, color .22s, transform .22s var(--ppipd-ease), box-shadow .22s !important;
	}
}

@media print {
	.ppipd-page[data-ppipd-page="faq"] .ppipd-faq-qa:not([open]) > .ppipd-faq-answer {
		display: block;
	}
}