/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border: 1px dotted black; /* If you want dots under the hoverable text */
    cursor: help;
}
  
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 20px 40px 20px 40px;
    border-radius: 6px;

/* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* custom tooltip classes */

.item_discounts b {
    display: block;
}

.item_discounts span {
    display: block;
}

.item_discounts span::before {
    content: ' - ';
}

/* icons */
.plus-icon {
    color: red;
}

.minus-icon {
    color: green;
}