.service-categories {
  width: 100%;
}
.service-categories .q-item.disabled {
  opacity: 1;
}
.service-categories .q-item.disabled * {
  cursor: pointer !important;
}
.service-categories .top {
  margin-bottom: 20px;
}
.service-categories .q-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.service-categories .q-item {
  padding: 5px 20px 10px 20px;
  min-height: unset;
}
.service-categories .q-item__section--main {
  font-weight: 500;
}
.service-categories .q-item__section--side {
  display: none;
}
.service-categories__btn-all {
  display: none;
}
.service-categories__number {
  margin-left: 6px;
  color: #858790;
}
.service-categories__subtitle {
  color: #858790;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.service-categories__item--selected {
  color: #02888d;
}
@media (max-width: 1080px) {
.service-categories .q-list {
    grid-template-columns: repeat(3, 1fr);
}
.service-categories .q-expansion-item:nth-child(n+7) {
    display: none;
}
.service-categories__btn-all {
    margin-top: 15px;
    display: flex;
}
}
@media (max-width: 768px) {
.service-categories .q-item {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
}
.service-categories .q-expansion-item:nth-child(n+4) {
    display: none;
}
}
@media (max-width: 640px) {
.service-categories .q-list {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.service-categories .q-list {
    grid-template-columns: repeat(1, 1fr);
}
}