@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

   .circle-row > div{

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

   }

   .circle-row > div >div{

      width: calc(50% - 2rem);

      margin-bottom: 2rem;

   }

   .progress-item .wrapper{

      display: flex;

   }

   .progress-item .wrapper small{

      width: 21rem;

      margin-right: 2rem;

   }

   .progress-item .progress-bar{

      max-width: calc(100% - 23rem);

   }



}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:  767px) {  

   .progress-item .wrapper small{

      width: 19rem;

      margin-right: 1rem;

   }  

}