/* ==========================================================================
   BULLET STYLES — every declaration marked !important
   ========================================================================== */

/* Base -------------------------------------------------------------------- */
.text.servicedetailstext h1 {
    color: #414141;
    font-weight: bold;
}

.text.servicedetailstext h2 {
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 30px;
}

.bl {
    margin: 0 0 1rem !important;
    padding-left: 1.5em !important;
    list-style-position: outside !important;
    font: inherit !important;
    list-style: unset;
}

    .bl li {
        margin-bottom: 0.45em !important;
        line-height: 1.6 !important;
        padding-left: 0.15em !important;
        list-style: unset;
    }

        .bl li:last-child {
            margin-bottom: 0 !important;
        }



/* 1. Native markers ------------------------------------------------------- */
.bl--disc {
    list-style-type: disc !important;
}

.bl--circle {
    list-style-type: circle !important;
}

.bl--square {
    list-style-type: square !important;
}

.bl--none {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.bl--decimal {
    list-style-type: decimal !important;
}

.bl--decimal-pad {
    list-style-type: decimal-leading-zero !important;
}

.bl--lower-alpha {
    list-style-type: lower-alpha !important;
}

.bl--upper-alpha {
    list-style-type: upper-alpha !important;
}

.bl--lower-roman {
    list-style-type: lower-roman !important;
}

.bl--upper-roman {
    list-style-type: upper-roman !important;
}

/* 2. ::marker ------------------------------------------------------------- */
.bl--marker-red li::marker {
    color: #c0392b !important;
    font-size: 1.15em !important;
}

.bl--marker-bold li::marker {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}

.bl--marker-large li::marker {
    font-size: 1.6em !important;
    line-height: 0 !important;
}

/* 3. Character markers ---------------------------------------------------- */
.bl--char {
    list-style: none !important;
    padding-left: 0 !important;
}

    .bl--char li {
        position: relative !important;
        padding-left: 1.6em !important;
    }

        .bl--char li::before {
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            width: 1.2em !important;
            text-align: left !important;
        }

.bl--check li::before {
    content: "\2714" !important;
    color: #16a34a !important;
}

.bl--cross li::before {
    content: "\2716" !important;
    color: #dc2626 !important;
}

.bl--arrow li::before {
    content: "\279C" !important;
    color: #2563eb !important;
}

.bl--chevron li::before {
    content: "\203A" !important;
    color: #475569 !important;
    font-size: 1.4em !important;
    line-height: 1.1 !important;
}

.bl--dash li::before {
    content: "\2013" !important;
    color: #64748b !important;
}

.bl--star li::before {
    content: "\2605" !important;
    color: #f59e0b !important;
}

.bl--diamond li::before {
    content: "\25C6" !important;
    color: #7c3aed !important;
    font-size: 0.75em !important;
    line-height: 2.1 !important;
}

.bl--plus li::before {
    content: "\002B" !important;
    color: #0f766e !important;
    font-weight: 700 !important;
}

.bl--emoji li::before {
    content: "\1F449" !important;
}

/* 4. Drawn shapes --------------------------------------------------------- */
.bl--shape {
    list-style: none !important;
    padding-left: 0 !important;
}

    .bl--shape li {
        position: relative !important;
        padding-left: 1.4em !important;
    }

        .bl--shape li::before {
            content: "" !important;
            position: absolute !important;
            left: 0 !important;
            top: 0.55em !important;
            background: currentColor !important;
        }

.bl--dot li::before {
    width: 0.45em !important;
    height: 0.45em !important;
    border-radius: 50% !important;
    background: #2563eb !important;
}

.bl--ring li::before {
    width: 0.5em !important;
    height: 0.5em !important;
    border: 2px solid #2563eb !important;
    border-radius: 50% !important;
    background: transparent !important;
}

.bl--box li::before {
    width: 0.45em !important;
    height: 0.45em !important;
    background: #ea580c !important;
}

.bl--bar li::before {
    width: 0.8em !important;
    height: 2px !important;
    top: 0.75em !important;
    background: #334155 !important;
}

.bl--triangle li::before {
    width: 0 !important;
    height: 0 !important;
    top: 0.45em !important;
    background: transparent !important;
    border-top: 0.35em solid transparent !important;
    border-bottom: 0.35em solid transparent !important;
    border-left: 0.5em solid #db2777 !important;
}

/* 5. Counters ------------------------------------------------------------- */
.bl--counter {
    list-style: none !important;
    padding-left: 0 !important;
    counter-reset: bl-counter !important;
}

    .bl--counter li {
        position: relative !important;
        padding-left: 2.2em !important;
        counter-increment: bl-counter !important;
    }

        .bl--counter li::before {
            content: counter(bl-counter) !important;
            position: absolute !important;
            left: 0 !important;
            top: 0.1em !important;
            width: 1.5em !important;
            height: 1.5em !important;
            line-height: 1.5em !important;
            text-align: center !important;
            font-size: 0.8em !important;
            font-weight: 700 !important;
            color: #ffffff !important;
            background: #1d4ed8 !important;
            border-radius: 50% !important;
        }

.bl--counter-outline li::before {
    color: #1d4ed8 !important;
    background: transparent !important;
    border: 2px solid #1d4ed8 !important;
}

.bl--counter-square li::before {
    border-radius: 3px !important;
}

/* 6. Image bullets — data URI here so the demo renders with no assets ------ */
.bl--image {
    list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><circle cx='6' cy='6' r='5' fill='none' stroke='%230f766e' stroke-width='2'/></svg>") !important;
}

.bl--image-bg {
    list-style: none !important;
    padding-left: 0 !important;
}

    .bl--image-bg li {
        padding-left: 1.75em !important;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M2 8l4 4 8-9' fill='none' stroke='%23db2777' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position: 0 0.35em !important;
        background-size: 1em 1em !important;
    }

/* 7. Layout variants ------------------------------------------------------ */
.bl--inside {
    list-style-position: inside !important;
    padding-left: 0 !important;
}

.bl--spaced li {
    margin-bottom: 1em !important;
}

.bl--tight li {
    margin-bottom: 0.15em !important;
}

.bl--columns {
    columns: 2 !important;
    column-gap: 2rem !important;
}

.bl--inline {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem 1.5rem !important;
    padding-left: 0 !important;
}

.bl ul, .bl ol {
    margin-top: 0.45em !important;
    margin-bottom: 0 !important;
}