.map-footer {
      stroke-width: 0.2px;
      stroke: #073a76;
  }
  
  #khorasan-r,
  #khorasan-j,
  #kerman,
  #azarbaijan-sh,
  #azarbaijan-gh,
  #ardabil,
  #sistan,
  #semnan,
  #hormozgan,
  #yazd,
  #khorasan-sh,
  #isfahan,
  #fars,
  #khoozestan,
  #tehran,
  #ghom,
  #kermanshah,
  #kordestan,
  #zanjan,
  #gilan,
  #lorestan,
  #markazi,
  #hamedan,
  #mazandaran,
  #ilam,
  #ghazvin,
  #alborz,
  #booshehr,
  #kohkilooyeh,
  #charmahal,
  #golestan {
      fill: #f7f7f7;
      transition: fill 0.3s;
  }
  
  #khorasan-r-name,
  #khorasan-j-name,
  #kerman-name,
  #azarbaijan-sh-name,
  #azarbaijan-gh-name,
  #ardabil-name,
  #sistan-name,
  #semnan-name,
  #hormozgan-name,
  #yazd-name,
  #khorasan-sh-name,
  #isfahan-name,
  #fars-name,
  #khoozestan-name,
  #tehran-name,
  #ghom-name,
  #kermanshah-name,
  #kordestan-name,
  #zanjan-name,
  #gilan-name,
  #lorestan-name,
  #markazi-name,
  #hamedan-name,
  #mazandaran-name,
  #ilam-name,
  #ghazvin-name,
  #alborz-name,
  #booshehr-name,
  #kohkilooyeh-name,
  #charmahal-name,
  #golestan-name {
      fill: #003B77;
      stroke: none;
  }
  
  #States a#golestan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#golestan-name path {
      fill: #fff;
  }
  
  #States a#charmahal:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#charmahal-name path {
      fill: #fff;
  }
  
  #States a#kohkilooyeh:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#kohkilooyeh-name path {
      fill: #fff;
  }
  
  #States a#booshehr:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#booshehr-name path {
      fill: #fff;
  }
  
  #States a#alborz:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#alborz-name path {
      fill: #fff;
  }
  
  #States a#ghazvin:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#ghazvin-name path {
      fill: #fff;
  }
  
  #States a#ilam:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#ilam-name path {
      fill: #fff;
  }
  
  #States a#mazandaran:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#mazandaran-name path {
      fill: #fff;
  }
  
  #States a#hamedan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#hamedan-name path {
      fill: #fff;
  }
  
  #States a#hamedan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#hamedan-name path {
      fill: #fff;
  }
  
  #States a#markazi:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#markazi-name path {
      fill: #fff;
  }
  
  #States a#lorestan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#lorestan-name path {
      fill: #fff;
  }
  
  #States a#gilan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#gilan-name path {
      fill: #fff;
  }
  
  #States a#kordestan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#kordestan-name path {
      fill: #fff;
  }
  
  #States a#zanjan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#zanjan-name path {
      fill: #fff;
  }
  
  #States a#kermanshah:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#kermanshah-name path {
      fill: #fff;
  }
  
  #States a#ghom:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#ghom-name path {
      fill: #fff;
  }
  
  #States a#tehran:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#tehran-name path {
      fill: #fff;
  }
  
  #States a#khoozestan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#khoozestan-name path {
      fill: #fff;
  }
  
  #States a#fars:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#fars-name path {
      fill: #fff;
  }
  
  #States a#isfahan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#isfahan-name path {
      fill: #fff;
  }
  
  #States a#khorasan-sh:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#khorasan-sh-name path {
      fill: #fff;
  }
  
  #States a#yazd:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#yazd-name path {
      fill: #fff;
  }
  
  #States a#hormozgan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#hormozgan-name path {
      fill: #fff;
  }
  
  #States a#semnan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#semnan-name path {
      fill: #fff;
  }
  
  #States a#sistan:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#sistan-name path {
      fill: #fff;
  }
  
  #States a#ardabil:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#ardabil-name path {
      fill: #fff;
  }
  
  #States a#azarbaijan-gh:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#azarbaijan-gh-name path {
      fill: #fff;
  }
  
  #States a#azarbaijan-sh:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#azarbaijan-sh-name path {
      fill: #fff;
  }
  
  #States a#khorasan-r:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#khorasan-r-name path {
      fill: #fff;
  }
  
  #States a#khorasan-j:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#khorasan-j-name path {
      fill: #fff;
  }
  
  #States a#kerman:hover path {
      fill: #004c9a;
  }
  
  #States a:hover g#kerman-name path {
      fill: #fff;
  }