.custom-progress-container {
	position: relative;
	width: 220px;
	height: 220px;
}

.custom-progress-circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(#ff0099 0% 100%);
	position: absolute;
}

.custom-progress-fill {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(#4caf50 0% 0%);
	position: absolute;
}

.custom-progress-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 22px;
	color: #333;
}