.modular-circle {
    text-align: center;
}

.modular-circle h4 {
    color: #3686A0;
}
.modular-circle .container {
    padding: 1rem 3rem;
    height: auto;
}
.modular-circle .circle-content {
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.8);
}
.modular-circle .circle-chart {
    overflow: hidden;
    position: relative;
    height: 100%;
    padding: 15rem;
}
.modular-circle .chart-info {
    position: absolute;
}
.modular-circle .chart-data {
    width: 10rem;
}
.modular-circle .chart-content {
    text-align: center;
}

@media (max-width: 992px) {
    .modular-circle .circle-chart {
        padding: 14rem;
    }

}

@media (max-width: 840px) {
    .modular-circle .container {
        padding: unset;
    }
    .modular-circle .circle-chart {
        padding: 25vw;
    }
    .modular-circle .chart-content {
        font-size: 2.6vw;
    }

}

@media (max-width: 440px) {
    .modular-circle .chart-content h4 {
        font-size: 14px;
    }

}
/*@media (max-width: 1200px) {*/
/*    .modular-circle .circle-chart {*/
/*        padding: 18rem;*/
/*    }*/

/*}*/