

/* линейный прогресс бар*/
.progress-container {
    display: flex;
    flex-direction: column;
    align-items:  flex-start;
    justify-content: flex-start;
    /* border-bottom: 1px solid #636366; */
    margin-bottom: 20px;
    border: 1px solid #39393A;
    padding: 24px;
}
.progress-container > div {
  width: 100%;
}
.progress-container.pr-mobile{
  display: none;
}
.progress-title{
  color: #FFF;
  font-family: var(--text-main_font);
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px
}
.scale-tests-bar,
.scale-lessons-bar,
.scale-homework-bar{
  background: #2AF16B;
  transition: width 1s ease!important;
	height: 14px;
  flex-shrink: 0;
  border-radius: 0px;
  /* margin-left: 3px;
  margin-right: 3px; */
  /* max-width: 394px; */
}
.scale-homework-bar{
  background: #F1A12A;
}
.scale-tests-wrap,
.scale-lessons-wrap,
.scale-homework-wrap{
  	width: 100%;
    height: 14px;
    flex-shrink: 0;
  border-radius: 0px;
    background: #48484A;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
/* .scale-tests-wrap,
.scale-lessons-wrap,{
 margin-bottom: 20px;
} */
.scale-tests-text,
.scale-lessons-text,
.scale-homework-text{
    margin-bottom: 14px;
    color: #FFF;
    font-family: var(--text-main_font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 450px){
 .progress-container{
    display: none;
     }
  .progress-container.pr-mobile {
    display: flex;
    flex-direction: column;
    align-items:  flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    border: none;
    padding: 0 0 24px 0;
  }
  .progress-container.pr-mobile .progress-title{
    display: none;
  }
}
/*END линейный прогресс бар*/

