.counters{
    counter-reset: counter-name;
}

.counters h2{
    font-size: 1.3rem;
    color: var(--corporate-blue);
}

.counters li{
    margin-bottom: 3rem;
    padding-left:3.60rem;
}

/*-----------------------------------------------*/
/*                                               */
/*Precidence Ordering                            */
/*                                               */
/*-----------------------------------------------*/

.section{
    position: relative;

    &::before{
        counter-increment: counter-name;
        content: counter(counter-name);
        position: absolute;
        left: -60px;
        background-color: var(--corporate-light-blue);
        padding: 0.5rem;
        width: 2rem;
        height: 2rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-content: center;
        border-radius: 50%;
        top: -8px;
        columns: var(--corporate-blue);
    }
}

.dark-blue .section:before{
    background-color: var(--corporate-blue);
    color: var(--white);
}

.white .section:before{
    border: 2px solid var(--white);
    color: var(--white);
}

.checkmark li{
    padding-left:2rem;
}

.checkmark-section{
    position: relative;

    &::before{
        font-family: 'Material Icons';
        content: '\e92d';
        position: absolute;
        font-size: 1.6rem;
        left: -35px;
        color: #4a4a4a;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-content: center;
        columns: var(--corporate-blue);
    }
}

.vp--blue .checkmark-section:before{
    background-color: var(--corporate-blue-two);
}

.vp--lighter-blue .checkmark-section:before{
    background-color: var(--corporate-blue);
}

.vp--lighter-blue .checkmark-section:before,
.vp--blue .checkmark-section:before{
    color: var(--white);
}