/* Shipping */
.map-container {
  padding: 3.2rem 0.8rem;
  position: relative;
  display: inline-block;
}
.map-container img {
  width: 100%;
}
.map-container .point {
  cursor: pointer;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #36454f;
  border-radius: 50%;
  transition: all 0.3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
  animation: pulse 3s infinite;
}
.map-container .point:hover {
  animation: none;
  transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.map-container .india {
  top: 50%;
  left: 70%;
}

.map-container .germany {
  top: 25%;
  left: 48%;
}

.map-container .ukraine {
  top: 28%;
  left: 53%;
}

.map-container .uae {
  top: 42%;
  left: 62%;
}

/* Terminal */
.terminal-map-container {
  padding: 3.2rem 0.8rem;
  position: relative;
  display: inline-block;
}
.terminal-map-container img {
  width: 100%;
}
.terminal-map-container .point {
  cursor: pointer;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #36454f;
  border-radius: 50%;
  transition: all 0.3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
  animation: pulse 3s infinite;
}
.terminal-map-container .terminal-india {
  top: 45%;
  left: 72%;
}
.terminal-map-container .terminal-iraq {
  top: 40%;
  left: 60%;
}

.terminal-map-container .terminal-ukraine {
  top: 28%;
  left: 53%;
}

/* Logistics */
.logistics-map-container {
  padding: 3.2rem 0.8rem;
  position: relative;
  display: inline-block;
}
.logistics-map-container img {
  width: 100%;
}
.logistics-map-container .point {
  cursor: pointer;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #36454f;
  border-radius: 50%;
  transition: all 0.3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
  animation: pulse 3s infinite;
}
.logistics-map-container .logistics-china {
  top: 32%;
  left: 79%;
}
.logistics-map-container .logistics-iraq {
  top: 39%;
  left: 59%;
}
.logistics-map-container .logistics-riga {
  top: 21%;
  left: 51%;
}

.logistics-map-container .logistics-qatar {
  top: 42%;
  left: 61%;
}

.logistics-map-container .logistics-dammam {
  top: 41%;
  left: 60%;
}

.logistics-map-container .logistics-abu-dhabi {
  top: 42.5%;
  left: 62.5%;
}

.logistics-map-container .logistics-dubai {
  top: 42%;
  left: 62%;
}
.logistics-map-container .logistics-korea {
  top: 35%;
  left: 84%;
}
.logistics-map-container .logistics-turkey {
  top: 31%;
  left: 53%;
}

/* service shipping */
.service-shiping {
  padding: 3.2rem 0.8rem;
  position: relative;
  display: inline-block;
}
.service-shiping img {
  width: 100%;
}
.service-shiping .point {
  cursor: pointer;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #36454f;
  border-radius: 50%;
  transition: all 0.3s ease;
  will-change: transform, box-shadow;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
  animation: pulse 3s infinite;
}
.service-shiping .service-india {
  top: 50%;
  left: 70%;
}

.service-shiping .service-germany {
  top: 25%;
  left: 48%;
}

.service-shiping .service-ukraine {
  top: 28%;
  left: 53%;
}

.service-shiping .service-uae {
  top: 42%;
  left: 62%;
}

.service-shiping .service-terminal-india {
  top: 45%;
  left: 72%;
}
.service-shiping .service-terminal-iraq {
  top: 40%;
  left: 60%;
}

.service-shiping .service-terminal-ukraine {
  top: 28%;
  left: 53%;
}

.service-shiping .service-logistics-china {
  top: 32%;
  left: 79%;
}
.service-shiping .service-logistics-iraq {
  top: 39%;
  left: 59%;
}
.service-shiping .service-logistics-riga {
  top: 21%;
  left: 51%;
}

.service-shiping .service-logistics-qatar {
  top: 42%;
  left: 61%;
}

.service-shiping .service-logistics-dammam {
  top: 41%;
  left: 60%;
}

.service-shiping .service-logistics-abu-dhabi {
  top: 42.5%;
  left: 62.5%;
}

.service-shiping .service-logistics-dubai {
  top: 42%;
  left: 62%;
}
.service-shiping .service-logistics-dubai2 {
  top: 43%;
  left: 63%;
}
.service-shiping .service-logistics-korea {
  top: 35%;
  left: 84%;
}
.service-shiping .service-logistics-turkey {
  top: 31%;
  left: 53%;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
  }
}