.faq-page {
	position: relative;
	width: 100%;
	background: linear-gradient(180deg, #F8F8F8 0%, #1C1C1C 53.15%);
	border-radius: 45px;
	overflow: hidden;
}



.faq-hero {
	position: relative;
	height: 606px; 
	z-index: 1;
}


.faq-hero__ellipse {
	position: absolute;
	z-index: -1;
	left: 135px;
	top: 82px;
	width: 1644px;
	height: 1644px;
	border-radius: 50%;
	background: radial-gradient(57.24% 57.24% at 33.06% 32.21%, #313728 0%, #B0C68F 60.56%, #FFFFFF 98.12%);
}

.faq-hero__title {
	position: absolute;
	left: 652px;
	top: 409px;
	width: 305px;
	margin: 0;
	font-size: 64px;
	font-weight: 400;
	line-height: 72px;
	text-align: right;
	color: #161616;
}

.faq-hero__sub {
	position: absolute;
	left: 361px;
	top: 495px;
	width: 599px;
	margin: 0;
	font-size: 36px;
	line-height: 40px;
	text-align: justify;
	color: #161616;
}

.faq-hero__brand {
	position: absolute;
	left: 1161px;
	top: 272px;
	width: 521px;
	white-space: nowrap;
	font-family: var(--font-brand, 'Georgia', serif);
	font-size: 112px;
	font-weight: 400;
	line-height: 0.72;
	text-align: right;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #161616;
}

.faq-hero__badge {
	position: absolute;
	left: 1511px;
	top: 364px;
	width: 171px;
	font-family: var(--font-brand, 'Georgia', serif);
	font-size: 112px;
	font-weight: 400;
	line-height: 0.72;
	text-align: right;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #b0c68f;
}



.faq-panel {
	position: relative;
	z-index: 1;
	width: 1764px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 33px;
	padding: 35px 106px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 255px;
}

.faq-panel .category-tabs {
	width: 100%;
	
	gap: 11px;
}


.faq-panel .category-tab {
	min-width: 200px;
	width: fit-content;
	height: 80px;
	padding: 0 32px;
	border: none;
	border-radius: 45px;
	background: rgba(0, 0, 0, 0.004);
	box-shadow: inset 0 4px 62px rgba(0, 0, 0, 0.25);
	color: #000000;
	font-size: 24px;
	line-height: 35px;
	white-space: nowrap;
}
.faq-panel .category-tab:hover,
.faq-panel .category-tab.is-active {
	background: rgba(0, 0, 0, 0.004); 
	color: #ffffff; 
}

.faq-panel__list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 33px;
}



.faq-item--dark {
	background: rgba(22, 22, 22, 0.5);
	border: 3px solid rgba(22, 22, 22, 0.16);
	border-radius: 45px;
	overflow: hidden;
	box-sizing: border-box;
}

.faq-item--dark .faq-item__button {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse; 
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 36px 40px;
	background: transparent;
	border: none;
	color: rgba(255, 255, 255, 0.9);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.43;
	text-align: right;
	cursor: pointer;
	font-family: var(--font-body);
	transition: color 150ms ease;
}

.faq-item--dark .faq-item__button[aria-expanded="true"] {
	color: #b0c68f;
}

.faq-item__icon {
	flex-shrink: 0;
	width: 33px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(217, 217, 217, 0.2);
	color: #ffffff;
	font-size: 20px;
	line-height: 1;
}

.faq-item--dark .faq-item__panel {
	padding: 0 40px 36px 82px; 
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.43;
	text-align: justify;
}


#primary .faq-item--dark .faq-item__panel p { margin: 0; color: #ffffff; }



.faq-contact {
	position: relative;
	z-index: 1;
	padding: 80px 0;
}

.faq-contact__grid {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	justify-items: center;
	max-width: 1373px;
	margin: 0 auto;
	gap: 40px;
}

.faq-contact__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.faq-contact__icon {
	width: 64px;
	height: 64px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(217, 217, 217, 0.2);
	border: 1px solid #b0c68f;
	color: #b0c68f;
}
.faq-contact__icon svg { opacity: 0.4; }

.faq-contact__value {
	font-size: 32px;
	font-weight: 400;
	line-height: 35px;
	color: #ffffff;
	direction: ltr;
	transition: opacity 150ms ease;
}
.faq-contact__value:hover { opacity: 0.75; }

.faq-contact__label {
	font-size: 32px;
	font-weight: 100;
	line-height: 35px;
	color: #ffffff;
}

.faq-contact__center {
	position: relative;
	text-align: center;
	padding: 0 60px;
}

.faq-contact__center::before,
.faq-contact__center::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 1px;
	height: 150px;
	background: rgba(255, 255, 255, 0.25);
	transform: translateY(-50%);
}
.faq-contact__center::before { right: 100%; }
.faq-contact__center::after { left: 100%; }

.faq-contact__center h2 {
	margin: 0 0 16px;
	font-size: 48px;
	font-weight: 400;
	line-height: 35px;
	color: #b0c68f;
}

.faq-contact__center p {
	margin: 0;
	font-size: 32px;
	font-weight: 400;
	line-height: 35px;
	color: #ffffff;
}


.faq-page .consult-cta {
	width: 1765px;
	height: 508px;
	margin: 0 auto 96px;
}