/* Remove default bootstrap arrow */
.accordion-button::after {
    display: none;
}

/* Position relative for custom icon */
.accordion-button {
    position: relative;
    padding-right: 60px;
    font-weight: 600;
}

/* Green circle + icon (collapsed state) */
.accordion-button::before {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: var(--site-main-color, #1f3c88);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: normal;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Change + to − when expanded */
.accordion-button:not(.collapsed)::before {
    content: "−";
    background: var(--site-main-color, #1f3c88);
}

/* Optional: nicer hover */
.accordion-button:hover::before {
    transform: translateY(-50%) scale(1.1);
}

.bi-question-circle-fill {
    color: var(--site-main-color-dark, #1e0a49);
}