body 
.pa-country-container {
  position: absolute;
  display: inline-block;
  left: 20%;
  top: 40%;

}

.pa-country {
  position: absolute;
  transform: translate(-50%, -50%);
  desc {
    position: absolute;
    
  }
  img {
    width: calc(4 * min(1.5vw, 2vh));
    height: calc(3 * min(1.5vw, 2vh));
    z-index: var(--z-index-3);
    &.israel {
      width: max(6vw, 2vh);
      height: auto;
    } 
    &.uk {
      z-index: var(--z-index-1);
    }
    &.us {
      width: 8vw;
      height: 5vw;
    }
  }
}


.country-popup {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 22vw;
  padding: 1vh 1vw;
  background-color: #e8fce8;
  border: 2px solid #66cc66;
  border-radius: 10px;
  font-family: sans-serif;
  font-size: 0.9rem;
  color: #333;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 50;
  .country-name {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: center;
  }
  &.neutral {
    background-color: ivory;
    color: black;
    border-color: #990000;
    .section-label {
      color: blue;
    }
  }
  &.pro-israel {
    background-color: red;
    color: white;
    border-color: #990000;
    .section-label {
      color: #440000;
    }
  }
}
.pa-country-container:hover .country-popup {
  display: block;
}

.country-section {
  margin-bottom: 0.5vh;
}

.section-label {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.2vh;
  color: #d63384;
}

.section-content {
  padding-left: 0.5vw;
}