.ca-flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.ca-single-chart {
  width: 100%;
  justify-content: space-around ;
  margin:auto;
}

.ca-circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 100%;
  max-height: 250px;
}

.ca-circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.ca-circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 2s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}


.ca-circular-chart.kpmg-blue .ca-circle {
  stroke: #00338D;
}

.ca-percentage.kpmg-blue {
fill: #00338D;
}

.ca-circular-chart.kpmg-light-purple .ca-circle {
  stroke: #6d2077;
}

.ca-percentage.kpmg-light-purple {
fill: #6d2077;
}

.ca-circular-chart.kpmg-light-blue .ca-circle {
  stroke: #005eb8;
}

.ca-percentage.kpmg-light-blue {
fill: #005eb8;
}

.ca-circular-chart.kpmg-green .ca-circle {
  stroke: #00a3a1;
}

.ca-percentage.kpmg-green {
fill: #00a3a1;
}

.ca-circular-chart.kpmg-purple .ca-circle {
  stroke: #421764;
}

.ca-percentage.kpmg-purple {
fill: #421764;
}



.ca-circular-chart.kpmg-pink .ca-circle {
  stroke: #ed1e79;
}

.ca-percentage.kpmg-pink {
fill: #ed1e79;
}

.ca-percentage {
    fill: #333333;
    font-family:'Open Sans Condensed',Arial,Helvetica,sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
    align:center;
}

.reveal{
            display:none;
            position: relative;
            transform: translateY(150px);
            opacity: 0;
            transition: 2s all ease;
            }

            .reveal.active{
            transform: translateY(0);
            display:block;
            opacity: 1;
            transition: 2s all ease;
            }