.milestones *, .milestones ::after, .milestones ::before { box-sizing: border-box;font-family:inherit;}
.milestones {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -.5rem;margin-left: -.5rem;font-family: 'Circe';font-size: inherit;color: #4a4a4a;justify-content: center;}
.milestones > div {display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;font-size: inherit;}
.milestones .design-cmn{position: relative;width: 17em;padding: .5em;margin: 0 .5em;}
.milestones .design-cmn:before{ background-size: 100% 100%; background-repeat: no-repeat;  position: absolute;    top: 0; bottom: 0; right: 0; left: 0; content: "";z-index:1;}
.milestones .design-yellow:before{background-image:url("../images/chanted.92d6c25cfc1d.svg");}
.milestones .design-purple1:before{background-image:url("../images/freecourse_shape.f05b3f35feb5.svg");transform:rotate(-16deg);}
.milestones .design-purple2:before{background-image:url("../images/amabasadorshape_1.11645914b69f.svg");}
.milestones .progress{width:14.2em;height:14.2em;line-height:14.2em;background:none;margin:0 auto;box-shadow:none;position:relative;z-index:2;background-color:#fff;border-radius:75%;overflow: hidden;}
.milestones .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:.45em solid #e9e9e9;position:absolute;top:0;left:0;}
.milestones .progress > span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1;}
.milestones .progress .progress-left{left:0;}
.milestones .progress .progress-bar{width:100%;height:100%;background:none;border-width:.45em;border-style:solid;position:absolute;top:0;}
.milestones .progress .progress-left .progress-bar{left:100%;border-top-right-radius:8.4em;border-bottom-right-radius:8.4em;border-left:0;-webkit-transform-origin:center left;transform-origin:center left;}
.milestones .progress .progress-right{right:0;}
.milestones .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:8.4em;border-bottom-left-radius:8.4em;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:loading-1 1.8s linear forwards;}
.milestones .progress.green .progress-bar{border-color:#049dff;}
.milestones .progress.green .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.8s;}
.milestones .progress.purple .progress-bar{border-color:#049dff;}
.milestones .progress.purple .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.8s;}
.milestones .progress.yellow .progress-bar{border-color:#ffbe23;}
.milestones .progress.yellow .progress-left .progress-bar{animation:loading-3 1s linear forwards 1.8s;}
.milestones .progress.pink .progress-bar{border-color:#ed687c;}
.milestones .progress.pink .progress-left .progress-bar{animation:loading-4 0.4s linear forwards 1.8s;}
.milestones .progress.green .progress-bar{border-color:#50c155;}
.milestones .progress.green .progress-left .progress-bar{animation:loading-5 1.2s linear forwards 1.8s;}
.milestones .progress.purple .progress-bar{border-color:#af4da7;}
.milestones .progress.purple .progress-left .progress-bar{animation:loading-6 1.2s linear forwards 1.8s;}
.milestones .progress-show{background-color:#fff;border-radius:75%;line-height:0;padding:0;border:none; width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-around;height: 100%;padding: 20% 0;}
.milestones .progress-show p{text-transform:uppercase;padding:0;}
.milestones .progress-show h4{font-size:2.5em;margin:0;color:#ffbe23;font-weight: 400}
.milestones .progress-show h5{margin:0;font-size:1.4em;font-weight: bold;}
.milestones .green .progress-show h4{color:#50c155;}
.milestones .purple .progress-show h4{color:#af4da7;}
.yourchant .milestones .progress-show p{font-size: 1.3em;margin-bottom: .75em;line-height:1;}
.yourchant .milestones .progress-show h4{font-size: 3em;line-height:1;}
.yourchant .milestones .progress-show h5{font-size: 1.65em;margin: .65em 0 0; padding:0;line-height:1;}


@keyframes loading-1{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes loading-2{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(144deg);transform:rotate(144deg);}
}
@keyframes loading-3{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
}
@keyframes loading-4{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(36deg);transform:rotate(36deg);}
}
@keyframes loading-5{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(126deg);transform:rotate(126deg);}
}
@keyframes loading-6{
  0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}

@media screen and (max-width:991px){
  .milestones .design-cmn{width: 11.65em;}
  .milestones .progress{width:10.85em;height:10.85em;line-height:10.85em;}
  .milestones .progress-show p{margin-bottom: 1.2em;font-size:1.1em;}
  .milestones .progress-show h4 { font-size: 1.65em;}
  .milestones .progress-show h5{font-size: 1.1em;padding-top: .3em;}
  .milestones .progress:after{border: .25em solid #e9e9e9;}
  .milestones .progress .progress-bar{border-width: .25em;}
  .milestones .progress .progress-value{border:.25em solid #ebebeb;}
  .yourchant .milestones .progress-show p{font-size: 1.1em;margin-bottom: .75em;line-height:1;}
  .yourchant .milestones .progress-show h4{font-size: 2.4em;line-height:1;}
  .yourchant .milestones .progress-show h5{font-size: 1em;margin: .65em 0 0; padding:0;line-height:1;}
}