.mapWrapper {
  display: flex;
  justify-content: center;
}

.mapContainer {
	 display: block;
	 max-width: 1370px;
   width: 100%;
}
 .content-1 {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 @media (max-width: 680px) {
	 .content-1 .links {
		 display: none;
	}
}
 .content-1 a {
	 font-size: 18px;
	 font-weight: normal;
	 font-stretch: normal;
	 font-style: normal;
	 line-height: 2.33;
	 letter-spacing: normal;
	 text-align: left;
	 color: rgba(0, 0, 0, 0.9);
	 text-decoration: none;
	 padding-right: 3.5rem;
}
 .content-1 a:hover {
	 cursor: poiner;
}
 .content-1 .info {
	 display: flex;
	 align-items: center;
	 line-height: 1.45;
}
 @media (max-width: 680px) {
	 .content-1 .info {
		 width: 100%;
		 justify-content: center;
	}
}
 .content-1 .info > div {
	 display: inline-flex;
	 align-items: center;
	 margin-left: 1rem;
}
 .content-1 p {
	 padding: 0 5px;
}

 .main-style {
	 padding: 0 7px;
	 font-family: Aller;
	 font-size: 29px;
	 font-weight: 800;
	 font-stretch: normal;
	 font-style: normal;
	 letter-spacing: normal;
	 text-align: left;
	 color: #009ac3;
}
 .arrow {
	 background: #009ac3;
	 display: block;
	 vertical-align: top;
	 position: relative;
	 transition: width 0.3s ease;
	 height: 2px;
	 margin: 5px 0;
	 width: auto;
	 transform: rotate(-90deg);
}
 .arrow:after {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 7px;
	 border: 2px solid;
	 border-bottom-width: 0;
	 border-left-width: 0;
	 width: 8px;
	 height: 8px;
	 transform: rotate(45deg);
	 transform-origin: top right;
}
 .map-body {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .map-body svg {
	 width: 100%;
	 fill: var(--button-secondary-textColor);
}

.hover-group:hover svg {
	fill: blue;
}

.hover-group text:hover ~ svg {
	fill: blue;
}



 .map-body svg circle {
	 fill: #c5c5c5;
}
 .map-body svg .st2 {
	 fill: #009ac3;
}
 .map-body svg .preActive {
	 transition: all 1s ease;
	 box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
	 animation: path 1s infinite cubic-bezier(0.66, 0, 0, 1);
}
 .map-body .popupWrapper {
	 visibility: hidden;
}
 .map-body .active {
	 visibility: visible;
}
 .popup {
	 fill: white;
	 filter: url(#shadow);
}
 .popupTitle {
	 font-family: Aller;
	 font-size: 20px;
	 font-weight: bold;
	 font-stretch: normal;
	 font-style: normal;
	 line-height: 1.08;
	 letter-spacing: normal;
	 text-align: center;
	 color: rgba(0, 0, 0, 0.9);
}
 .popupText {
	 font-family: Aller;
	 font-size: 18px;
	 font-weight: normal;
	 font-stretch: normal;
	 font-style: normal;
	 line-height: 1.23;
	 letter-spacing: normal;
	 text-align: center;
	 fill: #009ac3;
}
 @keyframes pulse {
	 from {
		 cx: "0";
		 cy: "0";
		 r: 5;
	}
	 to {
		 cx: "50%";
		 cy: "50%";
		 r: 8;
	}
}
 @keyframes path {
	 50% {
		 transform-origin: left bottom;
		 transform: translate(2px, -2px);
		 r: 8;
	}
	 100% {
		 transform: translate(0, 0);
	}
}
 

.map-point {
  fill: var(--button-secondary-textColor) !important;
}

.map-point:hover {
	fill: #a1caff !important;
}

text {
  font-weight: bolder;
}

.map-mobileCountries {
	display: none;
}

@media (max-width: 767px) {
	.map-mobileCountries {
		display: block;
	}

	.mapContainer {
		display: none;
	}
}
