.ourblue {
    color: #000090;
}

.nobullet li {
    list-style-type: none;
}

.opbullet li {
    list-style-type: none;
}

.opbullet li::before {
    content: "✓";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: blue; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1.2em; /* Also needed for space (tweak if needed) */
    margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

.wabullet li {
    list-style-type: none;
}

.wabullet li::before {
    content: "⚠";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1.2em; /* Also needed for space (tweak if needed) */
    margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

.arbullet li {
    list-style-type: none;
}

.arbullet li::before {
    content: "←";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: green; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1.2em; /* Also needed for space (tweak if needed) */
    margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

.almar {
    position: relative; /* or 'relative' depending on your layout */
}

.compensate-above {
    margin-top: -1.5em !important;
}

.compensate-below {
    margin-bottom: -1.5em !important;
}

.compensate-above-1 {
    margin-top: -1em !important;
}

.compensate-below-1 {
    margin-top: -1em !important;
}

.center-text {
    text-align: center;
}