.map-container {
  position: relative;
}


/* Province paths */
.network-style path {
    stroke: #a6a6a65c;
    stroke-width: 2;
    cursor: pointer;
    transition: fill 0.2s 
ease;
}
span.legend-dot.red-left {
    margin: 0 0 !important;
    margin-left: -6px !important;
    position: absolute;
}
.location-item.headquarter-locate.d-flex.align-items-center.mb-3 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
span.legend-dot.gray-left {
    margin: 0 0 !important;
}
span.location-dot.yellow-left {
    margin: 0 0 !important;
}
 .modal-header {
z-index: 100;
 }
.homepageNetwork .modal-header {
    position: absolute;
    right: 0;
}
/* National border if present */
#country-outline {
  fill: none;
  stroke: #333;
  stroke-width: 3;
}
svg#ksa-map {
    fill: rgb(255 255 255);
}
/* Google Maps style geo location markers */
.marker {
  fill: #E7C562;
  /* Google red color */
  cursor: pointer;
  transition: transform 0.3s ease;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.3));
}

.marker:hover {
  transform: scale(1.2);
  filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.4));
}
/* Google Maps style geo location markers */
.marker-gold {
  fill: #E7C562;
  /* Google red color */
  cursor: pointer;
  transition: transform 0.3s ease;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.3));
}

.marker:hover {
  transform: scale(1.2);
  filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.4));
}

/* Inner white circle for marker */
.marker-inner {
  fill: #fff;
}

/* Tooltip */
.tooltip {
  position: absolute;
  background: #1a1a1a;
  color: #fff;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Downward arrow */
.tooltip::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 23%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #1a1a1a;
}
.about-network .network-legend span {
    font-size: 20px;
    font-family: 'Poppins';
    line-height: 28px;
}
.about-network .network-legend div {
    padding-bottom: 27px;
}
/* Arrow border for depth */
.tooltip::before {
  content: '';
  position: absolute;
  bottom: -9px;
  left: 23%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid rgba(255, 255, 255, 0.1);
}

.tooltip.show {
  opacity: 1 !important;
}
.locations-list {
    padding-top: 120px;
}