/* Liquid-glass treatment for the energy operations page capability cards. */
.core-competence {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.62) !important;
	border-radius: 24px !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(214, 235, 247, 0.12)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.68),
		0 18px 42px rgba(0, 86, 140, 0.13) !important;
	-webkit-backdrop-filter: blur(24px) saturate(165%);
	backdrop-filter: blur(24px) saturate(165%);
}

.core-competence::before {
	position: absolute;
	z-index: -1;
	inset: 1px;
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 23px;
	background: linear-gradient(118deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 34%, rgba(255, 255, 255, 0) 64%);
	content: "";
	pointer-events: none;
}

.core-competence > * {
	position: relative;
	z-index: 1;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.core-competence {
		background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(220, 241, 252, 0.84)) !important;
	}
}