.tooltip-outer {
            position: relative;
            display: inline-block;
            border-bottom: 2px solid black;
            /* margin-top: 40px; */
        }
        .tooltip-inner {
            visibility: hidden;
            width: 160px;
            padding: 10px;
            background-color: #efefef;
            text-align: center;
            border-radius: 5px;
            font-size: 14px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -80px;
            opacity: 0;
            transition: opacity 3.6s, visibility 0s linear 3.6s;
        }
        .tooltip-outer:hover .tooltip-inner {
            visibility: visible;
            opacity: 1;
            transition: opacity 0.3s, visibility 0s linear 0s;
        }
@keyframes fadeIn {
  0% {
    opacity:0;
    transform: translate(-50%, 50px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -30px);
  }
}