.tooltips {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    .tooltips .tooltip-text {
      visibility: hidden;
      width: auto;
      background-color: #2a598c;
      color: #fff;
      text-align: center;
      padding: 8px 15px;
      border-radius: 6px;

      /* Posisi tooltip */
      position: absolute;
      z-index: 1;
      /* bottom: 150%; */
      top: 150%;
      left: 50%;
      margin-left: -80px;

      /* Animasi muncul */
      opacity: 0;
      transition: opacity 0.3s;
    }

    .tooltips:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
    }