/* Vc Addons - Process Steps */

.vc-addons-process .vcp-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(var(--vcp-cols, 3), minmax(0, 1fr));
	gap: var(--vcp-gap, 16px);
}

.vc-addons-process .vcp-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: var(--vcp-card-min-h, 0);
	padding: var(--vcp-card-pad, 40px);
	background: var(--vcp-card-bg, #ffffff);
	border-radius: var(--vcp-radius, 12px);
	box-sizing: border-box;
}

.vc-addons-process .vcp-num {
	display: block;
	margin: 0 0 6px;
	font-size: var(--vcp-num-size, 96px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.03em;
	background: linear-gradient(135deg, var(--vcp-num-start, #2f9e94), var(--vcp-num-end, #bfe4de));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.vc-addons-process .vcp-title {
	margin: 20px 0 12px;
	font-size: var(--vcp-title-size, 24px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--vcp-title-color, #122f2c);
}

.vc-addons-process .vcp-desc {
	margin: 0;
	font-size: var(--vcp-desc-size, 16px);
	line-height: 1.6;
	color: var(--vcp-desc-color, #4b625f);
}

.vc-addons-process .vcp-arrow {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 3;
	display: grid;
	place-items: center;
	width: var(--vcp-arrow-size, 52px);
	height: var(--vcp-arrow-size, 52px);
	border: 1px solid var(--vcp-arrow-border, #cfe3df);
	border-radius: 50%;
	background: var(--vcp-arrow-bg, #ffffff);
	color: var(--vcp-arrow-color, #2f9e94);
	transform: translate(50%, -50%);
}

.vc-addons-process .vcp-arrow svg {
	width: 48%;
	height: 48%;
}

@media (max-width: 991px) {
	.vc-addons-process .vcp-grid {
		grid-template-columns: 1fr;
	}

	.vc-addons-process .vcp-arrow {
		display: none;
	}

	.vc-addons-process .vcp-card {
		padding: max(24px, calc(var(--vcp-card-pad, 40px) * 0.8));
	}
}

@media (max-width: 640px) {
	.vc-addons-process .vcp-card {
		padding: 24px;
	}

	.vc-addons-process .vcp-num {
		font-size: calc(var(--vcp-num-size, 96px) * 0.72);
	}

	.vc-addons-process .vcp-title {
		margin-top: 14px;
	}
}