.map-locator {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(178.66deg, #1A0B56 39.21%, #C52C7E 150%);
  overflow: hidden;
  position: relative;
}

/* svg {
    width: 90vw;
    height: 90vh;
} */
path {
  fill: #e8e6e6;
}

path.IN:hover, path.AU:hover, path.OM:hover, path.US:hover, path.DE:hover, path.DZ:hover, path.SA:hover, path.SD:hover, path.AE:hover {
  fill: #C52C7E;
}

path.IN, path.AU, path.OM, path.US, path.DE, path.DZ, path.SA, path.SD, path.AE {
  fill: #C8FF24;
  cursor: pointer;
}

#tooltip {
  background: #272629;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
}

.map-locator .close {
  cursor: pointer;
  margin-top: 0;
  display: block;
  position: absolute;
  right: 7px;
  top: 0;
}

.country-data {
  position: relative;
  padding: 0 0 100px 0
}

.country-data .container {
  position: relative;
}

#world-map path {
  fill: #e8e6e6
}

#world-map .selectedMap, #world-map .selectedMap path {
  fill: #C8FF24 !important;
  cursor: pointer;
  transition: .1s ease all
}

#world-map .selectedMap:hover, #world-map .selectedMap:hover path {
  fill: #C52C7E !important;
  cursor: pointer;
}

.popupmap {
  background: #fff;
  box-shadow: 5px 15px 30px rgba(0, 0, 0, .3);
  max-width: 300px;
  padding: 0;
  position: absolute;
  bottom: 10%;
  display: none;
  width: fit-content;
  height: fit-content;
  z-index: 1;
}
.mobile-hide {
  display: none;
}

@media only screen and (max-width: 450px) {
  .popupmap {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .country-data {
    padding: 0 0 30px 0
  }
}

.popupmapWrap {
  position: relative;
  padding: 20px;
}

.popupmap .closePopup {
  background: transparent;
  border: 0px;
  background: #C52C7E;
  position: absolute;
  right: -18px;
  top: -18px;
  height: 35px;
  width: 35px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popupmap .closePopup span {
  color: #fff
}

.popupmap .link {
  font-weight: bold;
  font-size: 14px;
  display: table;
  color: #C52C7E;
}

.popupmap .link:before, .popupmap .link:after {
  background: #C52C7E;
}

.block-mbzirc-map-block {
  background: linear-gradient(178.66deg, #1A0B56 39.21%, #C52C7E 110%)
}

.popup_content,
.popup_title {
  color: rgba(0, 0, 0, 0.6) !important;
}