.locations {
    max-width: 1200px;
    display:flex;
    justify-content: space-between;
    margin: 20px auto;
    gap:20px;

}

.column {
    width:30%;
}


    .city-box {
      background-color: #eae8e8;
      padding: 10px 15px;
      border-radius: 6px;
      cursor: pointer;
      margin-top: 15px;
      position: relative;
    z-index: 3;
    }

    .arrow {
      float: right;
      transition: transform 0.3s ease;
    }

    .popup {
        margin-top:-2px;
      background-color: #eae8e881;

      padding: 10px;
      display: none;

    }

    .popup.visible {
      display: block;
    }

    .arrow.open {
      transform: rotate(180deg);
    }

    .spacer {
      margin-top: 20px;
    }