.progress-container {
      width: 100%;
      /*max-width: 600px;*/
      margin: 0 auto;
    }

    .progress-line {
      position: relative;
      height: 8px;
      background: #e0e0e0;
      border-radius: 4px;
      overflow: visible;
    }

    .progress-fill {
      height: 100%;
      background: #4CAF50;
      border-radius: 4px;
      transition: width 0.4s ease-in-out;
    }

    .progress-indicator {
      position: absolute;
      top: -18px;
      font-size: 24px;
      color: #4CAF50;
      transform: translateX(-50%);
      transition: left 0.4s ease-in-out;
      animation: pulse 1s infinite;
    }

    .progress-end-icon {
      position: absolute;
      top: -18px;
      right: 0;
      font-size: 24px;
      color: #4CAF50;
      animation: blink 1.2s infinite;
    }

    .progress-labels {
      display: flex;
      justify-content: space-between;
      margin-top: 12px;
      font-size: 14px;
      font-weight: 500;
    }

    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }

    @keyframes pulse {
      0%, 100% { transform: translateX(-50%) scale(1); }
      50% { transform: translateX(-50%) scale(1.2); }
    }



    
    #map {
      height: 300px;
      width: 100%;
    }