/* ============================================
   WHAT SETS US APART SECTION
   ============================================ */

.sets-apart {
	background: var(--background-color);
	padding: var(--spacing-xl) var(--spacing-lg);
}

.sets-apart-container {
	max-width: var(--container-lg);
	margin: 0 auto;
	text-align: center;
}

.sets-apart-title {
	font-size: clamp(2rem, 4vw, 2.8rem);
	color: var(--primary-color);
	margin-bottom: var(--spacing-sm);
}

.sets-apart-subtitle {
	font-size: clamp(1rem, 2vw, 1.2rem);
	color: var(--text-color);
	margin-bottom: var(--spacing-xl);
	opacity: 0.8;
}

.sets-apart-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--spacing-sm);
	margin-top: var(--spacing-xl);
}

.apart-card {
	padding: var(--spacing-sm);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.apart-icon-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--icon-xxl);
	height: var(--icon-xxl);
	background: var(--icon-gradient);
	border-radius: 50%;
	margin-bottom: var(--spacing-md);
	box-shadow: var(--shadow-md);
	flex-shrink: 0;
}

.apart-icon {
	color: white;
}

.apart-card-title {
	font-size: 1.2rem;
	color: var(--primary-color);
	margin: var(--spacing-md) 0 var(--spacing-sm);
	line-height: 1.4;
	max-width: 100%;
}

.apart-card-description {
	color: var(--text-color);
	opacity: 0.85;
	line-height: 1.7;
	margin: 0;
	max-width: 100%;
}