.feature-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border: none;
	border-radius: 15px;
	text-align: center;
	aspect-ratio: 1 / 1; /* bikin persegi */
}

@media (min-width: 768px) { /* tablet ke atas */
    .feature-card {
        aspect-ratio: 4 / 3; /* agak melebar di laptop */
    }
}

	.feature-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	}

.icon-wrapper {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.bg-soft-primary {
	background-color: #e8f1ff;
}

.bg-soft-success {
	background-color: #e6f8f3;
}

.bg-soft-warning {
	background-color: #fff8e9;
}

.bg-soft-info {
	background-color: #d9feff;
}

.bg-soft-danger {
	background-color: #ffeae8;
}

.bg-soft-secondary {
	background-color: #f2f0f0;
}

.card-title {
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.section-heading {
	font-weight: 700;
	background: linear-gradient(120deg, #2563eb, #4f46e5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}