.contacts {
  background-image: url("images/decor.svg");
}
.contacts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contacts__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .contacts__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .contacts__list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  padding: 20px;
  background-color: var(--bg-primary-main);
  min-height: 150px;
}
.contacts__item-title {
  color: var(--text-primary-second);
  margin-bottom: 10px;
}
.contacts__item-list {
  display: grid;
  gap: 10px;
  margin-top: auto;
}
.contacts__item-link {
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}
@media (hover: hover) {
  .contacts__item-link:hover {
    color: var(--colors-main);
  }
}
.contacts__map {
  height: 350px;
  border-radius: 30px;
  overflow: hidden;
}/*# sourceMappingURL=block.css.map */