/* Card colour and grid layout come from shared dpi-global utilities. */
.dpi-career-skills__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 310px;
	padding: 20px;
}

/* Beat Elementor kit heading colours (.elementor-kit-* h3, h4) inside coloured cards. */
.dpi-career-skills__card.dpi-card--orange,
.dpi-career-skills__card.dpi-card--orange .dpi-career-skills__card-title,
.dpi-career-skills__card.dpi-card--orange p {
	color: var(--dpi-orange-fg);
}

.dpi-career-skills__card.dpi-card--blue,
.dpi-career-skills__card.dpi-card--blue .dpi-career-skills__card-title,
.dpi-career-skills__card.dpi-card--blue p {
	color: var(--dpi-blue-fg);
}

.dpi-career-skills__card.dpi-card--lime,
.dpi-career-skills__card.dpi-card--lime .dpi-career-skills__card-title,
.dpi-career-skills__card.dpi-card--lime p {
	color: var(--dpi-lime-fg);
}

.dpi-career-skills__card-title {
	margin: 0 0 10px;
	text-decoration: underline;
}

.dpi-career-skills__card-desc {
	margin: 0;
}

@media (min-width: 640px) {
	.dpi-grid__row--70-30 > .dpi-career-skills__card:first-child .dpi-career-skills__card-desc,
	.dpi-grid__row--30-70 > .dpi-career-skills__card:nth-child(2) .dpi-career-skills__card-desc {
		max-width: 80%;
	}

	.dpi-grid__row--70-30 > .dpi-career-skills__card:nth-child(2) .dpi-career-skills__card-desc,
	.dpi-grid__row--30-70 > .dpi-career-skills__card:first-child .dpi-career-skills__card-desc {
		max-width: 80%;
	}
}