.country-card-container, .city-card-container{
  text-align: center;
}

.country-item, .city-item{
  margin-bottom: 0.7rem;
}

.country-item a{
  color: var(--primary)!important;
}

.country-card, .city-card{
  border-radius: 0.5rem!important;
  border: 2px solid var(--primary-300)!important;
  padding: .5rem;
  text-align: center;
  cursor: pointer;
}

.country-selected, .city-selected{
  border: 2px solid var(--primary)!important;
}

.country-card:hover, .city-card:hover{
  border: 2px solid var(--primary)!important;
}


.centre-card{
  border-radius: 0.5rem!important;
  border: 2px solid var(--primary-300)!important;
}

.centre-card:hover{
  border: 2px solid var(--primary)!important;
}