* Basic tooltip style */
.rtm-tooltip {
    position: relative;
    cursor: pointer;
    z-index: 10;
    max-width: 360px;
  }
  
  /* Tampil tooltip di editor juga */
  .elementor-editor-active .rtm-tooltip::after {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
    pointer-events: auto;
  }
  
  /* .rtm-tooltip-enabled::before  {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(var(--cx, 8px), var(--cy, 0));
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fd0101;
    transition: opacity 0.3s ease;
    pointer-events: none;
    opacity: 0;
  } */


  .rtm-tooltip-enabled::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translate(var(--x, 0), var(--y, 0));
    background-color: #fd0101;
    color: #fff;
    padding: 5px 12px;
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    max-width: 360px;
  }
  
  .rtm-tooltip-enabled:hover::before,
  .rtm-tooltip-enabled:hover::after {
    opacity: 1;
  }
  .elementor-editor-active .rtm-tooltip-enabled:hover::before,
  .elementor-editor-active .rtm-tooltip-enabled:hover::after {
    opacity: 1 !important;
  }
  
  .elementor-editor-active .elementor-section-wrap {
    overflow: visible !important;
  }