.custom-popover-tooltip {
  background: #fff !important;
  color: #212529 !important;
  border: 1px solid #dee2e6 !important;
  box-shadow:
    0 4px 24px rgba(34, 41, 47, 0.08),
    0 1.5px 4px rgba(34, 41, 47, 0.08) !important;
  border-radius: 0.5rem !important;
  padding: 1rem !important;
  min-width: 220px;
  max-width: 320px;
  font-size: 0.95rem;
  z-index: 9999;
}

.custom-popover-tooltip .react-tooltip-arrow {
  width: 20px !important;
  height: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -10px !important;
}

.custom-popover-tooltip .react-tooltip-arrow::before {
  content: '';
  display: block;
  width: 20px;
  height: 10px;
  background: transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  filter: drop-shadow(0 2px 4px rgba(34, 41, 47, 0.08));
}