.section-countup {
    margin-top:60px;
}

.section-countup h2 {
    margin-bottom:5px;
}

.section-countup h2.center {
    text-align:center;
}

.countupnumbers .row {
    margin:0 -20px;
}

.precount {
    font-size:14px;
}

.countupnumbers .single {
    background:var(--bs-white);
    padding: 25px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    flex:0 1 calc(33.333% - 40px);
    max-width:calc(33.333% - 40px);
    margin:0 20px 20px 20px;
    position:relative;
    transition:all 0.4s;
}

.countupnumbers .single:hover {
    cursor:pointer;
}
.countupnumbers .single.active {
    background:var(--bs-secondary)
}
.countupnumbers .single.active .count-up-item-inner {
    width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.count-up-item-inner {
    width: 100%;
    text-align: center;
}
.count-up-number {
    font-size:50px;
    line-height:1.1;
    font-weight:700;
    color:var(--bs-primary);
    position:relative;
    z-index:2;
}
h3.count-title {
    color:var(--bs-secondary);
    line-height:1;
    margin-bottom:5px;
    position:relative;
    z-index:2
}

.count-small {
    color:var(--bs-secondary);
    font-size:14px;
    position:relative;
    z-index:2
}
.count-text {
    display:none;
    position:relative;
    z-index:2;
    color:var(--bs-secondary);
}
.countupnumbers .single.active .count-text {
    flex:0 1 100%;
    display:flex;
}
.count-hint {
    display:block;
}
.count-unit {
    display:inline-block;
    font-size:40px;
    color:var(--bs-primary);
    margin-left:4px
}
.section-countup .contenthead {
    margin-bottom:15px;
}

.count-title {
    font-size:14px;
    font-family: "Ubuntu Sans", Arial, sans-serif;
}
@media screen and (max-width: 960px) {
    .count-up-item-inner {
        width: 100%;
    }

    .countupnumbers .single {
        flex: 0 1 100%;
        max-width: 100%;
        margin: 10px 20px;
    }
    .section-countup {
        padding:0 20px;
    }
    .section-countup .contenthead {
        margin-bottom: 0;
    }
}