/* Start custom CSS for section, class: .elementor-element-eeac713 */.map-container {
  display: flex;
  width: 100%;
  height: auto;
}

.info-panel {
  width: 50%;
  padding: 20px;
  font-size: 18px;
  box-sizing: border-box;
  background-color: #fff;
  font-family: Rigid Square;
}
.info-panel h3 {
    color: #000;
    font-family: Terry;
    font-size: 40px;
}

.svg-map {
  width: 50%;
}

.svg-map svg {
  width: 100%;
  height: auto;
}

.info-panel img {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-radius: 4px;
}
.svg-map svg {
  width: 500px;
  height: auto;
}

.land:hover {
  fill: #e43d30;
  cursor: pointer;
}
.region:hover path {
  fill: #e43d30;
  cursor: pointer;
}

.region-content h3, .region-content h4 {
    color: #000;
    font-family: Terry;
    font-size: 40px;
}
.region-content p {
    color: #000;
    font-size: 18px;
    font-family: Rigid Square;
}
.region-info {
    width: 250px;
    color: #000;
    border: 1px solid #000;
    padding: 10px 20px 5px;
}
.region-info img {
    display: block;
    width: 100%;
    height: auto;
}
.region-content h4 {
    margin-bottom: 5px;
}

@media (max-width: 768px) {
  .map-container {
    flex-direction: column;
  }
  .svg-map svg {
      width: 100%;
      height: auto;
  }

  .info-panel,
  .svg-map {
    width: 100%;
  }
}

@media only screen and (min-width : 1200px) {
   .svg-map {
       margin-left: 50px;
   } 
}/* End custom CSS */