/**
 * Capability Cards Block Styles
 *
 * @package SoftStrategyGutenbergBlocks
 */

.softstrategy-capability-cards {
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}

.softstrategy-capability-card{
	display: flex;
}



@media (max-width: 768px) {
	.softstrategy-capability-cards {
		gap: 1rem;
	}
	
	/* On mobile, force all cards to full width */
	.softstrategy-capability-card {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}