/* KPMG Circle Stat graphics - Updated CM 2022-10-03 */

.ca-flex-wrapper {
    display: flex;
    flex-flow: row nowrap;
}
.ca-single-chart {
width: 100%;
justify-content: space-around ;
margin:auto auto auto 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;
}
.ca-percentage {
    fill: #333333;
    font-family:'Open Sans Condensed',Arial,Helvetica,sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
    align:center;
}
@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

/* COLOURS */
.ca-circular-chart.ca-white .ca-circle {stroke:#ffffff;}

.ca-circular-chart.ca-dark-blue .ca-circle {stroke:#0C233C;}
.ca-circular-chart.ca-kpmg-blue .ca-circle {stroke:#00338D;}
.ca-circular-chart.ca-cobalt .ca-circle {stroke:#1e49e2;}
.ca-circular-chart.ca-pacific-blue .ca-circle {stroke:#00B8F5;}
.ca-circular-chart.ca-blue .ca-circle {stroke:#76D2FF;}
.ca-circular-chart.ca-light-blue .ca-circle {stroke:#ACEAFF;}

.ca-circular-chart.ca-dark-purple .ca-circle { stroke: #510dbc;}
.ca-circular-chart.ca-purple .ca-circle {stroke: #7213ea;}
.ca-circular-chart.ca-med-purple .ca-circle {stroke: #985aed;}
.ca-circular-chart.ca-light-purple .ca-circle {stroke:#b497ff;}

.ca-circular-chart.ca-dark-pink .ca-circle {stroke:#ab0d82;}
.ca-circular-chart.ca-pink .ca-circle {stroke:#fd349c;}
.ca-circular-chart.ca-light-pink .ca-circle {stroke:#FFA3DA;}

.ca-circular-chart.ca-dark-green .ca-circle {stroke:#098E7E;}
.ca-circular-chart.ca-green .ca-circle {stroke:#00C0AE;}
.ca-circular-chart.ca-light-green .ca-circle {stroke:#63ebda;}
/* .ca-circular-chart.ca-alt-purple .ca-circle {stroke:#7213ea;} */

.ca-percentage.ca-white {fill:#ffffff;}
.ca-percentage.ca-dark-blue {fill:#0C233C;}
.ca-percentage.ca-kpmg-blue {fill:#00338D;}
.ca-percentage.ca-cobalt {fill:#1e49e2;}
.ca-percentage.ca-pacific-blue {fill:#00B8F5;}
.ca-percentage.ca-blue {fill:#76D2FF;}
.ca-percentage.ca-light-blue {fill:#ACEAFF;}

.ca-percentage.ca-dark-purple { fill: #510dbc;}
.ca-percentage.ca-purple {fill:#7213ea;}
.ca-percentage.ca-med-purple {fill:#985aed;}
.ca-percentage.ca-light-purple {fill:#b497ff;}

.ca-percentage.ca-dark-pink {fill:#ab0d82;}
.ca-percentage.ca-pink {fill:#fd349c;}
.ca-percentage.ca-light-pink {fill:#FFA3DA;}

.ca-percentage.ca-dark-green {fill:#098E7E;}
.ca-percentage.ca-green {fill:#00C0AE;}
.ca-percentage.ca-light-green {fill:#63ebda;}
/* .ca-percentage.ca-alt-purple {fill:#7213ea;} */

/* REVEAL */
.ca-single-chart .ca-reveal {
    display: none;
    position: relative;
    /*transform: translateY(150px);*/
    opacity: 0;
    transition: 2s all ease;
}
.ca-single-chart .ca-reveal.active {
    /*transform: translateY(0);*/
    display: block;
    opacity: 1;
    transition: 2s all ease;
}