.b-links {
  /* padding-top: 40px; */
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}

@media (max-width:950px) {
  .b-links {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width:650px) {
  .b-links {
    grid-template-columns: repeat(3, 1fr);
  }
  .b-links__item:nth-child(6) .b-links__img,
  .b-links__item:nth-child(2) .b-links__img {
    width: 100px !important;
    height: 60px !important;
  }
  .b-links__item:first-child, .b-links__item:nth-child(6), 
  .b-links__item:nth-child(2){
    grid-row: unset !important;
  }
  .b-links{
    grid-auto-rows: unset !important;
  }
  .all-uslugs{
    padding-bottom: 20px !important;
  }
}

@media (max-width:455px) {
  .b-links {
	  padding-top: 5px;
    grid-template-columns: repeat(2, 1fr);
  }

  .b-links__item:nth-child(6) .b-links__img,
  .b-links__item:nth-child(2) .b-links__img {
    width: 100px !important;
    height: 60px !important;
  }
  .b-links__item:first-child, .b-links__item:nth-child(6), 
  .b-links__item:nth-child(2){
    grid-row: unset !important;
  }
  .b-links{
    grid-auto-rows: unset !important;
  }
  .all-uslugs{
    padding-bottom: 20px !important;
  }
}

.b-links__item {
  position: relative;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--background-2);
  border: 1px solid var(--grey-3);
  border-radius: 15px;
  transition: background 0.3s ease-in;
  overflow: hidden;
}

.b-links__item:first-child .b-links__content {
  display: none;
}

.b-links__item:first-child .b-links__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.b-links__item:first-child .b-links__img img {
  object-fit: cover;
}

.b-links__item:first-child,
.b-links__item:nth-child(6),
.b-links__item:nth-child(2) {
  grid-row: span 2;
}

.b-links__item:nth-child(6) .b-links__img,
.b-links__item:nth-child(2) .b-links__img {
  width: 140px;
  height: 160px;
}

.b-links__item:hover {
  background-color: var(--grey-3);
}

.b-links__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 15px 0;
}

.b-links__name {
  font: var(--h7);
  color: var(--head);
}

.b-links__text {
  font: var(--p4);
  color: var(--Main-text);
}

.b-links__img {
  margin-top: auto;
  width: 90px;
  height: 60px;
  align-self: flex-end;
}

.b-links__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

/*# sourceMappingURL=block.css.map */