.time_circles {
    position: relative;
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

    .time_circles > div {
        /* position: relative !important; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 120px !important;
        margin: 0 40px;
    }

        .time_circles > div > span {
            display: block;
            width: 100%;
            text-align: center;
            font-family: Arial, sans-serif;
            font-size: 60px !important;
            font-weight: bold !important;
            color: #ffffff !important;
            line-height: 1;
            order: 1;
        }

        .time_circles > div > h4 {
            color: #ffffff !important;
            margin-top: 30px !important;
            font-size: 14px !important;
            font-weight: bold !important;
            text-align: center;
            font-family: Arial, sans-serif;
            text-transform: uppercase;
            order: 2;
        }

    .time_circles canvas {
        display: none !important;
    }

@media screen and (max-width: 991px) {
    .time_circles > div {
        margin: 0 10px;
    }

        .time_circles > div > span {
            font-size: 30px !important;
        }
}