.donate_tracker_wrapper {
	background: #E6DCF9;
	padding: 32px 16px;
}

.donate__tracker {
	border-radius: 16px;
	background: #FFF;
	padding: 16px 24px 36px 24px;
	max-width:1200px;
	margin:0 auto;
}
.donate__tracker_body {
	margin:24px 0;
}
.donate__tracker_title {
	font-family: "Poppins";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	text-align:center;
	color:#121212;
	margin:0;
}

/* линия */
.progress__line {
	position: relative;
	height: 12px;
	background: #EFE7FB;
	border-radius: 20px;
	width: calc(100% - 32px);
}

/* заполнение */
.progress__fill {
	position: absolute;
	inset: 0 auto 0 0;
	background: #5B12D4;
	border-radius: 20px;
}

/* точки */
.progress__point {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #e2d7ff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.progress__point:nth-child(2) {
	width:24px;
	height:24px;
}
.progress__point:nth-child(3) {
	width:30px;
	height:30px;
}
.progress__point:nth-child(4) {
	width:36px;
	height:36px;
}
.progress__point:last-child {
	width:40px;
	height:40px;
}
.progress__point::after {
	content: attr(data-sum-m);
	position: absolute;
	min-width:max-content;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; 
	color:#121212;
}
.progress__point:nth-child(2)::after {
	bottom: -38px;
}
.progress__point:nth-child(3)::after {
	bottom: -36px;
}
.progress__point:nth-child(4)::after {
	bottom: -34px;
}
.progress__point:last-child::after {
	bottom: -30px;
}
.progress__point::before {
	content: "";
	display:block;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width: 50%;
	height: 50%;
}
.progress__point.active::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cg clip-path='url(%23clip0_1_533)'%3E%3Cpath d='M8.65 17.8L6.925 16.225C5.15833 14.6083 3.56267 13.004 2.138 11.412C0.712667 9.82069 0 8.06669 0 6.15002C0 4.58335 0.525 3.27502 1.575 2.22502C2.625 1.17502 3.93333 0.650024 5.5 0.650024C6.38333 0.650024 7.21667 0.837357 8 1.21202C8.78333 1.58735 9.45 2.10002 10 2.75002C10.55 2.10002 11.2167 1.58735 12 1.21202C12.7833 0.837357 13.6167 0.650024 14.5 0.650024C16.0667 0.650024 17.375 1.17502 18.425 2.22502C19.475 3.27502 20 4.58335 20 6.15002C20 8.06669 19.2917 9.82502 17.875 11.425C16.4583 13.025 14.85 14.6333 13.05 16.25L11.35 17.8C10.9667 18.15 10.5167 18.325 10 18.325C9.48333 18.325 9.03333 18.15 8.65 17.8Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_533'%3E%3Crect width='20' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.progress__point:not(.active)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1_537)'%3E%3Cpath opacity='0.4' d='M9.43646 19.4182L7.55464 17.7C5.62736 15.9363 3.88664 14.1862 2.33246 12.4495C0.777546 10.7135 9.15527e-05 8.80002 9.15527e-05 6.7091C9.15527e-05 5.00001 0.572819 3.57274 1.71827 2.42729C2.86373 1.28183 4.291 0.709106 6.00009 0.709106C6.96372 0.709106 7.87282 0.91347 8.72736 1.3222C9.58191 1.73165 10.3092 2.29092 10.9092 3.00001C11.5092 2.29092 12.2365 1.73165 13.091 1.3222C13.9455 0.91347 14.8547 0.709106 15.8183 0.709106C17.5274 0.709106 18.9546 1.28183 20.1001 2.42729C21.2455 3.57274 21.8183 5.00001 21.8183 6.7091C21.8183 8.80002 21.0456 10.7182 19.5001 12.4636C17.9546 14.2091 16.2001 15.9636 14.2365 17.7273L12.3819 19.4182C11.9638 19.8 11.4729 19.9909 10.9092 19.9909C10.3455 19.9909 9.85463 19.8 9.43646 19.4182Z' fill='%235B12D4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_537'%3E%3Crect width='21.8182' height='20.7273' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.progress__point.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_1_551' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_551)'%3E%3Cpath d='M10.5995 16.5999L17.6495 9.54988L16.2495 8.14988L10.5995 13.7999L7.74951 10.9499L6.34951 12.3499L10.5995 16.5999ZM11.9995 21.9999C10.6162 21.9999 9.31618 21.7374 8.09951 21.2124C6.88284 20.6874 5.82451 19.9749 4.92451 19.0749C4.02451 18.1749 3.31201 17.1165 2.78701 15.8999C2.26201 14.6832 1.99951 13.3832 1.99951 11.9999C1.99951 10.6165 2.26201 9.31654 2.78701 8.09988C3.31201 6.88321 4.02451 5.82488 4.92451 4.92488C5.82451 4.02488 6.88284 3.31238 8.09951 2.78738C9.31618 2.26238 10.6162 1.99988 11.9995 1.99988C13.3828 1.99988 14.6828 2.26238 15.8995 2.78738C17.1162 3.31238 18.1745 4.02488 19.0745 4.92488C19.9745 5.82488 20.687 6.88321 21.212 8.09988C21.737 9.31654 21.9995 10.6165 21.9995 11.9999C21.9995 13.3832 21.737 14.6832 21.212 15.8999C20.687 17.1165 19.9745 18.1749 19.0745 19.0749C18.1745 19.9749 17.1162 20.6874 15.8995 21.2124C14.6828 21.7374 13.3828 21.9999 11.9995 21.9999Z' fill='%231DDDA9'/%3E%3C/g%3E%3C/svg%3E");
	background-size:18px;
	background-repeat: no-repeat;
	background-position: center right 0px;
	padding-right: 18px;
}
.progress__point:last-child::after {
	right:0;
}

.progress__point.active {
	background: #5b2dd6;
}

.progress__point.active::before {
	color: #fff;
}

.article-txt--section { 
	margin-bottom:0 !important
}
/* подписи */
.progress__labels {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	font-size: 14px;
	color: #9b90c8;
	position: relative;

}
.progress__labels span{
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height:1;
}
.progress__labels span.active {
	color: #5b2dd6;
	font-weight: 600;
}

@media only screen and (min-width:991px) {
	.donate_tracker_wrapper {
		padding:64px 0
	}
	
	.donate__tracker {
		padding: 32px 32px 56px 32px;
	}
	.donate__tracker_body {
		margin: 48px 0;
	}
	.progress__point:nth-child(2) {
		width:40px;
		height:40px;
	}
	.progress__point:nth-child(3) {
		width:48px;
		height:48px;
	}
	.progress__point:nth-child(4) {
		width:52px;
		height:52px;
	}
	.progress__point:last-child {
		width:60px;
		height:60px;
	}
	.progress__line {
		height:20px;
	}
	.progress__point::after {
		content: attr(data-sum-d);
	}
	.progress__point:nth-child(2)::after {
		bottom: -58px;
	}
	.progress__point:nth-child(3)::after {
		bottom: -54px;
	}
	.progress__point:nth-child(4)::after {
		bottom: -50px;
	}
	.progress__point:last-child::after {
		bottom: -46px;
	}
	.progress__point.active::after {
		background-size:22px;
		padding-right: 26px;
	}
}

@media only screen and (max-width:600px) {
	.donate__tracker_title {
		text-align:left;
		font-size: 20px;
	}
}