.city-marker {
  width: 70px;

  .marker-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    .data-box {
      width: 42px;
      height: 25px;
      line-height: 23px;
      background: url(../images/box.png);
      background-size: 100% 100%;
      position: relative;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      color: #313332;
    }
    .circle {
      width: 7px;
      height: 7px;
      background: #ffffff;
      opacity: 1;
      border: 1px solid #00255a;
      margin-top: 5px;
      border-radius: 50%;
    }
    .city-name {
      width: 70px;
      text-align: center;
      font-size: 14px;
      font-weight: bold;
      color: #000814;
      font-family: "DIN-Medium";
    }
  }
}
