.wp-block-universal-containers-process-steps-cards {
	margin: 0;
}

.uc-process-steps-cards {
	--uc-psc-max-width: 1500px;
	--uc-psc-bg: #ffffff;
	--uc-psc-badge-bg: #dfff1d;
	--uc-psc-badge-color: #111827;
	--uc-psc-heading-color: #111827;
	--uc-psc-card-bg: #ffffff;
	--uc-psc-card-border: #e6e8eb;
	--uc-psc-card-title: #111827;
	--uc-psc-card-text: #6b7280;
	--uc-psc-number-bg: #111111;
	--uc-psc-number-color: #dfff1d;
	background: var(--uc-psc-bg);
	padding: 30px 0;
    padding-top: 7%;
    padding-bottom: 7%;
}

.uc-process-steps-cards__inner {
	max-width: var(--uc-psc-max-width);
	margin: 0 auto;
	padding: 0 16px;
}

.uc-process-steps-cards__inner.container {
	width: 100%;
	max-width: var(--uc-psc-max-width);
	margin-left: auto;
	margin-right: auto;
}

.uc-process-steps-cards__header {
	max-width: 980px;
	margin-bottom: 38px;
}

.uc-process-steps-cards__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border-radius: 10px;
	background: var(--uc-psc-badge-bg);
	color: var(--uc-psc-badge-color);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.uc-process-steps-cards__heading {
	margin: 0;
	color: var(--uc-psc-heading-color);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.uc-process-steps-cards__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	padding-top: 24px;
	overflow: visible;
}

.uc-process-steps-cards__card {
	position: relative;
	background: var(--uc-psc-card-bg);
	border: 1px solid var(--uc-psc-card-border);
	border-radius: 18px;
	padding: 56px 32px 28px;
	overflow: visible;
}

.uc-process-steps-cards__number {
	position: absolute;
	top: -24px;
	left: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background: var(--uc-psc-number-bg);
	color: var(--uc-psc-number-color);
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	z-index: 2;
}

.uc-process-steps-cards__title {
	margin: 0;
	color: var(--uc-psc-card-title);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.18;
}

.uc-process-steps-cards__text {
	margin: 14px 0 0;
	color: var(--uc-psc-card-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
}

.editor-styles-wrapper .wp-block-universal-containers-process-steps-cards,
.editor-styles-wrapper .wp-block[data-type="universal-containers/process-steps-cards"] {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.editor-styles-wrapper .wp-block-universal-containers-process-steps-cards .uc-process-steps-cards__inner,
.editor-styles-wrapper .wp-block[data-type="universal-containers/process-steps-cards"] .uc-process-steps-cards__inner,
.editor-styles-wrapper .wp-block-universal-containers-process-steps-cards .uc-process-steps-cards__inner.container,
.editor-styles-wrapper .wp-block[data-type="universal-containers/process-steps-cards"] .uc-process-steps-cards__inner.container {
	max-width: none !important;
	width: 100% !important;
}

@media (max-width: 1199px) {
	.uc-process-steps-cards__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.uc-process-steps-cards {
		padding: 24px 0;
	}

	.uc-process-steps-cards__header {
		margin-bottom: 26px;
	}

	.uc-process-steps-cards__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.uc-process-steps-cards__card {
		padding: 50px 22px 22px;
		border-radius: 14px;
	}

	.uc-process-steps-cards__number {
		left: 22px;
	}

	.uc-process-steps-cards__title {
		font-size:18px;
	}
}