.xdget-block.xdget-trainingAchievements {
    display: none;
}

/*---------- стили прогресса ----------*/
.circular-block {
  	border-radius: 20px;
  	background: var(--white);
  	padding: 32px;
  	margin-bottom:16px;
    box-shadow: var(--shadow);
}

.circular-block-header {
  	margin-bottom:42px;
  	font-family: var(--font);
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	color: var(--black);
    text-align: center;
    font-family: var(--ff) !important;
}

.circular-block-wrapper {
  	display: flex;
    gap: 20px;
}

.circular-block-text {
  	font-family: var(--ff) !important;
	font-weight: 450;
	font-size: 12px;
	line-height: 100%;
	color: gray;
}

.circular-block .training-dount {
  height: 150px;
  margin: 0 auto;
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.3));
}

.circular-block .training-dount .donut-hole {
  fill: rgb(242 241 243 / 5%);   /* цвет дырки */
}

.circular-block .training-dount .donut-ring {
  stroke:  #F2F1F1;  /* цвет кольца */
  stroke-width: 1;     /* толщина кольца */
  fill: transparent;
}

.circular-block .training-dount .donut-segment {
  stroke-width: 3; 
  fill: transparent;
  stroke-dasharray: "0 100";
  stroke-dashoffset: 25;
}

.circular-block .chart-text {
   fill: #000000; 
   transform: translateY(0.35em);  
}

.circular-block .chart-number {
  font-size: 0.6em; 
  line-height: 1; 
  text-anchor: middle; 
  transform: translateY(-0.35em);
  font-weight: bold;
}

.circular-block .circular-block-text p {
    font-size: 19px;
    line-height: 100%;
    margin-top: 10px;
}

.circular-block .circular-block-text.done p {
    color: var(--blue);
}

.circular-block .circular-block-text.left p {
    color: var(--red);
}

.circular-block .percentage-sign {
  font-size: 0.5em; 
  vertical-align: super;
}