.bullet-box {
    padding: 8px 0 0 80px;
}

    .bullet-box ul li {
        line-height: 1.5rem;
        position: relative;
        padding-left: 50px;
        margin-bottom: 25px;
        padding-top: 1px;
        list-style-type: none;
        font-size:20px;
        font-weight:bold
    }
        .bullet-box ul li:before {
            position: absolute;
            left: 0;
            font-family: 'gcicons';
            content: "\e801";
            border-radius:5px;
            width: 30px;
            height: 30px;
            padding: 0 10px 0 0;
            font-size: 26px;
            color: white;
            /*background-color: var(--bgh-purple);*/
        }

.bullet-bg-purple:before {
    background-color: var(--bgh-purple);
}
.bullet-bg-black:before {
    background-color: black;
}
.bullet-bg-navy:before {
    background-color: var(--GC-Navy);
}
.bullet-bg-light-blue:before {
    background-color: var(--bgh-light-blue);
}
.bullet-bg-orange:before {
    background-color: var(--bgh-orange);
}
.bullet-bg-green:before {
    background-color: var(--bgh-green);
}
.bullet-bg-pink:before {
    background-color: var(--bgh-pink);
}
.bullet-bg-yellow:before {
    background-color: var(--bgh-yellow);
}

@media screen and (max-width: 767px) {
    .bullet-box {
        padding-left: 35px;
    }
}