.counter-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    background: var(--aqua);
}
.counter-inner,
.counter-title {
    color: var(--black);
    max-width: 350px;
    margin: 0 auto;
}
.counter-style-1 .purecounter,
.counter-style-1 .prefix {
    font-size: 60px;
    font-weight: 800;
}
.counter-style-1 .suffix,
.counter-style-2 .suffix {
    font-weight: 300;
    top: 5px;
    position: relative;
}
.counter-style-2 .purecounter,
.counter-style-2 .prefix {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}
.counter-style-2 .suffix {
    font-weight: 300;
    margin-left: 5px;
    top: 5px;
    position: relative;
}
.counter-style-2 .counter-title {
    font-size: 16px;
    font-weight: 900;
}
.counter-style-1 .suffix {
    font-size: 32px;
    margin-left: 10px;
}
.counter-style-2 .suffix {
    font-size: 24px;
    margin-left: 5px;
}
.counters-row.counter-style-2 {
    margin-top: 20px;
}
.counter-style-2 .col {
    position: relative;
}
.counter-style-2 .col:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background:var(--black);
}
.counter-style-2 .col:last-child:after {
    display: none;
}
@media(max-width: 575px){
    .counters-row.counter-style-1 .col {
        flex: 100%;
    }
    .counters-row.counter-style-2 {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .counters-row.counter-style-2 .col {
        flex: 50%;
    }
    .counters-row.counter-style-2 .col:nth-child(2):after {
        display: none;
    }
    .counters-row.counter-style-2 .col:nth-child(2):before,
    .counters-row.counter-style-2 .col:first-child:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 12%;
        height: 1px;
        width: 74%;
        background: var(--black);
    }
}