/* ------------------------------
   12.  FAQ Page Layout
------------------------------ */

/* FAQ Page Layout */
.faq-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 2rem 1rem;
}

.faq-title {
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
	color: #1a1a1a;
}

/* Accordion Item Styling */
.faq-item {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 1rem;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

	.faq-item .accordion-button {
		font-size: 1.1rem;
		font-weight: 600;
		padding: 1.2rem 1.5rem;
		color: #222;
		background: #fff;
		border: none;
		box-shadow: none;
	}

		.faq-item .accordion-button:not(.collapsed) {
			background: #f8f9fa;
			color: #000;
		}

		.faq-item .accordion-button:focus {
			box-shadow: none;
		}

.faq-answer {
	font-size: 1rem;
	line-height: 1.6;
	color: #444;
	padding: 1.2rem 1.5rem;
}

	/* Icon Styling */
	.faq-question i,
	.faq-answer i {
		font-size: 1.2rem;
		color: #0d6efd;
	}

/* Hover effect */
.faq-item:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	color: #0077cc; /* hover colour */
}