.home-cidades-section {
  float: left;
  width: 100%;
  background: #2C2B2B;
  padding-block: 2.5rem;
}

.lista-cidades {
  font-family: 'robotoregular';
}

.lista-cidades__grid {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(1fr, 20)); */
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  padding-inline: 50px;
}

@media(max-width: 1250px) {
  .lista-cidades__grid {
    display: flex;
  }
}

.lista-cidades__grid-item {
  width: 100%;
}

.lista-cidades__grid-item__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  border-radius: 5px;
  background: #fff;
  color: #222;
  padding: .625rem;
}

@media(max-width: 1250px) {
  .lista-cidades__grid-item__link {
    height: 100%;
  }
}

.lista-cidades__grid-item__link .box-img {
  width: 100px;
  height: 100px;
}

.lista-cidades__grid-item__link .box-img img {
  display: block;
  width: 100%;
  height: initial;
}

.lista-cidades .slider-controls__arrows button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.lista-cidades .slider-controls__arrows .prev:hover svg,
.lista-cidades .slider-controls__arrows .prev:focus svg,
.lista-cidades .slider-controls__arrows .prev:active svg,
.lista-cidades .slider-controls__arrows .next:hover svg,
.lista-cidades .slider-controls__arrows .next:focus svg,
.lista-cidades .slider-controls__arrows .next:active svg {
  transform: scale(1)
}

.lista-cidades .slider-controls__arrows .prev:hover,
.lista-cidades .slider-controls__arrows .prev:focus,
.lista-cidades .slider-controls__arrows .prev:active,
.lista-cidades .slider-controls__arrows .next:hover,
.lista-cidades .slider-controls__arrows .next:focus,
.lista-cidades .slider-controls__arrows .next:active {
  color: white;
  background-color: #fff;
  border: 0 none;
  box-shadow: none
}

.lista-cidades .slider-controls__arrows .prev svg,
.lista-cidades .slider-controls__arrows .next svg {
  display: block;
  color: inherit
}

.lista-cidades .slider-controls__arrows .prev svg>*,
.lista-cidades .slider-controls__arrows .next svg>* {
  fill: #000
}

.lista-cidades .slider-controls__arrows .prev {
  left: 0;
  padding-right: 0;
}

.lista-cidades .slider-controls__arrows .prev svg {
  transform-origin: initial
}

.lista-cidades .slider-controls__arrows .next {
  right: 0;
  padding-left: 0;
}

.lista-cidades .slider-controls__arrows .next svg {
  transform-origin: initial
}

.lista-cidades .slider-controls__arrows button svg path {
  fill: #222;
}