.block-contacts {
  margin: 40px 0;
}
.block-contacts .block-contacts-row {
  display: flex;
  grid-column-gap: 30px;
}
.block-contacts .block-contacts-row .contacts-offer {
  width: 40%;
  background: var(--bg-light);
  padding: 30px;
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap {
  margin-bottom: 10px;
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap:last-child {
  margin-bottom: 0px;
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap .title {
  color: var(--primary);
  margin-bottom: 5px;
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap a.contact-item {
  transition: color 0.3s ease;
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap a.contact-item:hover {
  color: var(--primary);
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap .contact-item {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}
.block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap .contact-item p {
  margin: 0px;
}
.block-contacts .block-contacts-row .map-holder {
  width: 60%;
  filter: grayscale(1);
}
@media (max-width: 991px) {
  .block-contacts .block-contacts-row {
    flex-direction: column;
  }
  .block-contacts .block-contacts-row .contacts-offer {
    padding: 15px;
    width: 100%;
    margin: 20px 0;
  }
  .block-contacts .block-contacts-row .map-holder {
    width: 100%;
    height: 400px;
  }
}
@media (max-width: 767px) {
  .block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap {
    margin: 10px 0;
  }
  .block-contacts .block-contacts-row .contacts-offer .block-contacts-body .contact-item-wrap .contact-item {
    font-size: 16px;
  }
  .block-contacts .block-contacts-row .map-holder {
    height: 300px;
  }
}