.foreground-circle {
    fill: none;
    stroke: url('#gradient4');
}
.foreground-circle-without-stroke-color {
    fill: none;
}
.background-circle {
    fill: none;
    stroke: #ccc;
}
.circle-text {
    font-family: Arial, sans-serif;
    color: white;
    font-size: 8px;
}
.circle-container {
    overflow: visible;
}
.point-circle {
    fill: #f0f8ff;
}
.circle-icon.fa {
    font-size: 30px;
    fill: #000;
}
.the-text {
    fill: url(#gradient4) !important;
}