/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: #c5d3e7;
    color: #333;
    text-align: center;
    padding: 2px 0;
    border-radius: 0px;
    font-family: mada;
    text-transform: uppercase;
    font-size: 6px; 
 
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: -2.5px;
    left: 105%; 
}

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