.fas {cursor: pointer;}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
    width: 200px;
    background-color: #eaecee;
    color: black;
    /*text-align: center;*/
    /* border-radius: 6px; */
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 9999;
    top: -5px;
    left: 110%;
            border-radius: 10px;

}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  /*border-style: solid;*/
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

@media screen and (max-width: 600px) {
  .tooltip .tooltiptext {
   left: -1800%;
   width: 200px;
   font-size: 9px;

}

}