/* ============================================================
   BLOG FAQ + CTA STYLES
   Paste this block at the end of css/custom.css
   Matches the existing Badri Webtech dark theme.
   ============================================================ */

/* ─── FAQ Section ─────────────────────────────────────────── */
.post-faqs {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.post-faqs>h2 {
	margin-bottom: 25px;
}

.post-faqs .faq-item {
	padding: 22px 26px;
	margin-bottom: 16px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: all 0.3s ease;
}

.post-faqs .faq-item:hover {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.05);
}

.post-faqs .faq-item h3 {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.post-faqs .faq-item p {
	margin: 0;
	opacity: 0.85;
}

/* ─── CTA Box ─────────────────────────────────────────────── */
.post-cta {
	margin-top: 45px;
	padding: 45px 40px;
	border-radius: 16px;
	text-align: center;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.post-cta h2 {
	margin-bottom: 14px;
}

.post-cta p {
	max-width: 620px;
	margin: 0 auto 28px;
	opacity: 0.85;
}

/* Mobile */
@media (max-width: 767px) {
	.post-cta {
		padding: 32px 22px;
	}

	.post-faqs .faq-item {
		padding: 18px 20px;
	}

	.post-faqs .faq-item h3 {
		font-size: 18px;
	}
}