.custom-columns {
	display: flex !important;  /* Ensure flexbox is applied */
	flex-wrap: wrap;
	gap: 5px;
	justify-content: space-between;
	align-items: flex-start;
}

.custom-column {
	flex: 1 1 auto !important; /* Ensure each column takes up its specified width */
	max-width: 100%; /* Prevent it from stretching */
}

/* Make columns stack on smaller screens */
@media (max-width: 768px) {

	.custom-columns {
		flex-direction: column;
		align-items: center; /* Center content */
	}

	.custom-column {
		flex: 1 1 95% !important; /* Make it take up 95% of the screen width */
		max-width: 95% !important; /* Ensure no leftover width constraints */
		margin-bottom: 10px; /* Add spacing between items */
	}

	/* Ensure team-row items fill the container */
	.team-row {
		width: 100% !important;
		display: flex;
		flex-direction: row; /* Ensure horizontal layout */
		align-items: center;
	}
}