/* Icon Cards Component */
.icon-cards-section {

}

.icon-cards-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.icon-card {
	padding: 40px 30px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 0px 75px 0px 0px;
	text-align: left;
}

/* First card - filled background */
.icon-card:first-child {
	background: #F5F4F1;
	border: none;
}

.icon-card__icon {
	width: 70px;
	height: 70px;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F5F4F1;
	border-radius: 50%;
}

/* First card icon background */
.icon-card:first-child .icon-card__icon {
	background: #fff;
}

.icon-card__icon i {
	font-size: 32px;
}


/* Responsive */
@media (max-width: 768px) {
	.icon-cards-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.icon-card {
		padding: 30px 20px;
	}
	
	.icon-card__icon {
		width: 60px;
		height: 60px;
	}
	
	.icon-card__icon i {
		font-size: 30px;
	}
	
	.icon-card__title {
		font-size: 20px;
	}
}