.comparison-feature-header {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1rem;
}

#comparison-table table {
	border-collapse: collapse; /* Ensure consistent rendering */
	border: none; /* Remove outer border */
	background-color: var(--background-color) !important; /* Override Bootstrap */
	color: var(--text-color); /* Optional: Adjust text color */
}

#comparison-table table td, 
#comparison-table table th, 
#comparison-table table tr {
	border: none; /* Remove borders around cells */
	background-color: transparent !important; /* Ensure cell backgrounds inherit */
	color: var(--text-color); /* Optional: Adjust text color */
}

.check-icon {
	color: var(--igg-green); /* The SVG will use this color */
}

.x-icon svg {
	color: var(--igg-dark-gray); /* Use a CSS variable or specify a color */
}

.accordion-toggle-btn {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: background-color 0.3s ease;
}

.accordion-toggle-btn:hover {
	background-color: var(--igg-dark-blue);
	color: (--igg-light-color);
}

.accordion-toggle-btn i {
	transition: transform 0.3s ease; /* Smooth rotation animation */
}

.accordion-toggle-btn[aria-expanded="true"] i {
	transform: rotate(-180deg); /* Rotate the chevron when expanded */
}

.testimonial {
	
	padding: 16px;
	max-width: 800px;
	margin: 20px auto;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.quote {
	font-size: 1.5rem;
	font-style: italic;
	margin-bottom: 12px;
}

.author {
	font-size: 1rem;
	font-weight: bold;
}

.location {
	font-weight: normal;
	color: var(--igg-muted-text);
}

.details {
	font-size: 0.9rem;
	margin-top: 8px;
}