.community_toggles {
  margin-bottom: 15px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .community_toggles {
    margin-bottom: 20px;
  }
}

.community_toggle {
  color: #1B4D58;
  background: gray;
  border-radius: 20px;
  padding: 0 15px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: grid;
  place-content: center;
  height: 25px;
}
.community_toggle.vacant_land {
  background-color: #D9EDE6;
}
.community_toggle.house_land {
  background-color: #DEDBFE;
}
.community_toggle.townhouses {
  background-color: #B5E1FF;
}
.community_toggle.display_homes {
  background-color: #0077B5;
  color: #FFFFFF;
}
.community_toggle.home_designs {
  background-color: #FFDEA1;
}
.community_toggle.design_selection_tours {
  background-color: #1CA766;
  color: #FFFFFF;
}
.community_toggle.promoted {
  background-color: #F9795D;
  color: #FFFFFF;
}
.community_toggle.active-offers {
  background-color: #FFDEA1;
  color: #212529;
}