.global-footprints {
    padding:40px 15px;
}

.map-container {
    /*max-width:1100px;*/
    margin:auto;
    padding:30px 20px;
    /*background:#1ca0cb;*/
    border-radius:10px;
}

.map-container h2 {
    text-align:center;
    margin-bottom:15px;
}

.map-controls {
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:20px;
    font-size:15px;
}

.map-controls label {
    cursor:pointer;
}

.map-controls input {
    margin-right:6px;
}

.map-wraper {
    position:relative;
    max-width:1000px;
    margin:auto;
}

.global-footprints.world-map .map-wraper {
    width: 100%;
    max-width: 100%;
}

.pin-group img {
    width:100%;
    /*display:block;*/
}

.map-locators {
    position:absolute;
    inset:0;
}

.dot {
    position:absolute;
    transform:translate(-50%,-50%);
    z-index:2;
}

.dot .point {
    width:12px;
    height:12px;
    display:block;
    opacity:1 !important;
    visibility:visible !important;
    z-index:3;
}

.dot .pulse {
    position:absolute;
    width:40px;
    height:40px;
    border:1px solid;
    border-radius:50%;
    top:-14px;
    left:-14px;
    animation:pulse 2s infinite;
    z-index:1;
}

@keyframes pulse {
    0%{transform:scale(.5);opacity:1}
    100%{transform:scale(1.5);opacity:0}
}

.pin-tip {
    position:absolute;
    bottom:130%;
    left:50%;
    transform:translateX(-50%) translateY(6px);
    background:#222;
    padding:6px 10px;
    border-radius:6px;
    font-size:13px;
    white-space:nowrap;
    opacity:0;
    transition:.25s;
    pointer-events:none;
    z-index:5;
}

.dot:hover .pin-tip {
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.dot:hover {
    z-index: 10;
}

.pin-tip::after {
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border:6px solid transparent;
    border-top-color:inherit;
}

.toyota .point,
.existing .point,
.jcbl .point,
.agri .point,
.adsl .point,
.msl .point {border-radius:50%}
/*{transform:rotate(45deg)}
{border-radius:3px}*/

.toyota .point {background:#ffd800}
.toyota .pulse {border-color:#ffd800}
.toyota .pin-tip {background:#ffd800;color:#000}

.existing .point {background:#ff9800}
.existing .pulse {border-color:#ff9800}
.existing .pin-tip {background:#ff9800;color:#000}

.jcbl .point {background:#ff4d4d}
.jcbl .pulse {border-color:#ff4d4d}
.jcbl .pin-tip {background:#ff4d4d;color:#000}

.adsl .point {background:#00b0ff}
.adsl .pulse {border-color:#00b0ff}
.adsl .pin-tip {background:#00b0ff;color:#000}

.msl .point {background:#795548}
.msl .pulse {border-color:#795548}
.msl .pin-tip {background:#795548;color:#000}

.agri .point {background:#00e676}
.agri .pulse {border-color:#00e676}
.agri .pin-tip {background:#00e676;color:#000}

/* CHECKBOX COLORS */
.layer-toyota input {accent-color:#ffd800}
.layer-existing input {accent-color:#ff9800}
.layer-jcbl input {accent-color:#ff4d4d}
.layer-adsl input {accent-color:#00b0ff}
.layer-msl input {accent-color:#795548}
.layer-agri input {accent-color:#00e676}

.world-map .point {
    width: 12px;
    height: 12px;
    display: block;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 3;
    background: #1ca0cb;
    border-radius: 50%;
}

.world-map .pin-tip {
    color: #fff;
}

.map-text-layout {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.network-wrapper {
  flex: 0 0 45%;
}

.global-footprints {
  flex: 0 0 55%;
}

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

@media (max-width: 991px) {
  .map-text-layout {
    flex-direction: column;
  }

  .network-wrapper,
  .global-footprints {
    flex: 100%;
  }
}