.tooltip-icons {
    position: relative;
    display: inline-block;
  }
  
  /* Tooltip text */
  .tooltip-icons::after {
    content: attr(data-tooltip);
    visibility: hidden;
    max-width: 120px;
    min-width: fit-content;
    /* background-color: #333; */
    background-color: white;
    color: black;
    box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /* font-weight: bold; */
    text-align: start;
    border-radius: 6px;
    padding: 10px;
    font-size:10px;

  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    /* margin-left: -60px; */
    /* margin:  0 auto; */
  
    /* Fade in tooltip - uses a bit of transition */
    opacity: 0;
    transition: opacity 0.6s;

  }
  
  .tooltip-icons:hover::after {
    visibility: visible;
    opacity: 1;
    width: fit-content;
    word-wrap: break-word;
  }


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

  .tooltip-icons2::after {
    content: attr(data-tooltip);
    visibility: hidden;
    max-width: 120px;
    min-width: fit-content;
    /* background-color: #333; */
    background-color: white;
    color: black;
    box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /* font-weight: bold; */
    text-align: start;
    border-radius: 6px;
    padding: 10px;
    font-size:10px;

  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top:125%;
    /* left: 50%; */
    /* bottom: 125%; */
    /* margin-left: -60px; */
    /* margin:  0 auto; */
  
    /* Fade in tooltip - uses a bit of transition */
    opacity: 0;
    transition: opacity 0.6s;

  }