.wrapper {
            width: 1320px;
          }
          img {
            pointer-events: none;
          }
          /* ── Point ── */
          .hs-point {
            position: absolute;
            transform: translate(-50%, -50%);
            z-index: 10; cursor: pointer;
            width: 10px; height: 10px;
          }
          .hs-ring {
            position: absolute; inset: -8px;
            border-radius: 50%; pointer-events: none;
          }
          .hs-ring-1 { background-color: rgba(8, 55, 89, 0.05); animation: pulse 2s ease-out infinite; }
          .hs-ring-2 { background-color: rgba(8, 55, 89, 0.03);  animation: pulse 2s ease-out infinite .6s; }
          @keyframes pulse {
            0%   { transform: scale(1);   opacity: .8; }
            100% { transform: scale(3.2); opacity: 0;  }
          }
          .hs-dot {
            width: 10px; height: 10px; border-radius: 50%;
            background: #053150;
            border: 2.5px solid #fff;
            box-shadow: 0 2px 12px rgba(255,140,0,.55);
            transition: transform .18s ease;
          }
          .hs-point.active .hs-dot { transform: scale(1.25); }

          /* ── Tooltip ── */
  
.hs-tooltip {
    position: absolute;
    width: max-content;
    height: 30px; 
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #FFFEFC !important;
    border: 1px solid transparent !important;
    border-radius: 40px !important;
   
    background-image: linear-gradient(#FFFEFC, #FFFEFC), 
                      linear-gradient(to right, #0C436B, #057DBB) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;

    overflow: visible; 
    pointer-events: none;
    z-index: 20;
    opacity: 0;
    transition: opacity .22s ease;
}

.hs-tooltip.visible { 
    opacity: 1; 
}

.hs-header {
    display: flex; 
    align-items: center; 
    gap: 10px;
    padding: 0 16px !important;
    background: transparent !important; 
    border-bottom: none !important; 
}

.hs-label {
    font-family: 'Manrope', sans-serif;
    font-size: 14px; 
    font-weight: 500; 
    color: #0A1418; 
    letter-spacing: .02em; 
    line-height: 1; 
}

.hs-arrow {
    display: none !important; 
}

/* ADD NEW CSS */
.hs-dot {
    width: 9px !important;
    height: 9px !important;
    border-radius: 3px !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
}

.hs-ring-1,
.hs-ring-2 {
    background-color: transparent !important;
    animation: none !important;
}