.svg-map-placeholder {
  padding: 20px;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px dashed #ccc;
  font-size: 16px;
  color: #666;
}

.county-map-container {
  
  svg {
    width: 100%;
      height: auto;
      max-height: 1024px;
      }
      
      @media screen and (max-width: 767px) {
        svg {
          max-height: 700px;
        }
}
svg>g {
  cursor: pointer;
  }

  svg g path {
    transition: fill .3s ease;
  }
g#NorthernCounties:hover,
g#NorthernCounties.icon-hover {
  path {
    fill: #C7D17C !important;
  }
}
    g#NortheastCounties:hover,
    g#NortheastCounties.icon-hover {
      path {
      fill: #DAB8B8 !important;
      }
      }
        g#EasternCounties:hover,
        g#EasternCounties.icon-hover {
          path {
        fill: #CAC16F !important;
        }
        }
        g#SoutheastCounties:hover,
        g#SoutheastCounties.icon-hover {
          path {
        fill: #AF9FB9 !important;
        }
        }
        g#SouthernCounties:hover,
        g#SouthernCounties.icon-hover {
          path {
        fill: #CB9BA9 !important;
        }
        }
g#SouthwestCounties:hover,
g#SouthwestCounties.icon-hover {
  path {
        fill: #9EBF98 !important;
        }
        }
g#WesternCounties:hover,
g#WesternCounties.icon-hover {
  path {
        fill: #D2AA4C !important;
        }
        }
g#NorthwestCounties:hover,
g#NorthwestCounties.icon-hover {
  path {
        fill: #AFC2CB !important;
        }
        }
g#CentralCounties:hover,
g#CentralCounties.icon-hover {
  path {
        fill: #B4AE9B !important;
        }
        }
}