.rental-browse__item {
  color: var(--primary);
  box-shadow: 0 0 5px hsl(0, 0%, 80%);
  margin: 0 auto;
  transition: .5s;
}

.rental-browse__item svg path {
  fill: var(--primary);
  transition: .5s;
}

.rental-browse__item.active {
  color: #fff;
  background-color: var(--primary);
  border: 1px solid var(--secondary);
  box-shadow: none;
}

.rental-browse__item.active svg path {
  fill: #fff;
}

.rental-browse__item:hover {
  color: #fff;
  background-color: var(--primary);
  box-shadow: 0px 0px 0px 1px var(--secondary);
}

.rental-browse__item:hover svg path {
  fill: #fff;
}

.popular-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-template-areas:
    "     item1 item2 item3 "
    "     item1 item4 item5 ";
  /* "     .     .     .     "; */
}


@media screen and (max-width: 885px) {
  .popular-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
      "     item1 item1 "
      "     item2 item3 "
      "     item4 item5 ";
  }
}

@media screen and (max-width: 640px) {
  .popular-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
      "     item1  "
      "     item2  "
      "     item3  "
      "     item4  "
      "     item5  ";
  }
}