/*============= FUNCTIONS ===============*/
/*============= MIXINS ===============*/
.contacts-block {
  padding-bottom: 40px;
}

.contacts-holder {
  display: flex;
  gap: 30px;
}

.contacts-holder .map-holder {
  width: 68%;
  height: 400px;
}

.contacts-wrapper {
  width: 32%;
}

.contacts-item {
  margin-bottom: 30px;
}

.contacts-item-name {
  font-weight: 400;
  font-size: clamp(12px, 0.00125 * 100vw + 11.6px, 14px);
  line-height: 130%;
  font-family: var(--first-font);
  color: var(--text);
  margin-bottom: 10px;
  margin-top: 10px;
}

.contacts-item-value {
  font-weight: 700;
  font-size: clamp(16px, 0.00625 * 100vw + 14px, 26px);
  line-height: 100%;

  font-family: var(--second-font);
  color: var(--head);
}

.contacts-item-value p {
  font-weight: 700;
  font-size: clamp(16px, 0.00625 * 100vw + 14px, 26px);
  line-height: 100%;

  font-family: var(--second-font);
  color: var(--head);
  margin: 0;
}

.contacts-item-value:hover {
  color: var(--primary);
}

.contacts-item.socials {
  margin-top: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.contacts-item.socials .contacts-item-social {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  overflow: hidden;
  transition: background 0.4s ease-out;
}

.contacts-item.socials .contacts-item-social img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.contacts-item.socials .contacts-item-social:hover {
  background: var(--primary) !important;
}

.contacts-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .contacts-block {
    padding-bottom: 20px;
  }

  .contacts-holder {
    flex-direction: column;
    gap: 20px;
  }

  .contacts-holder .map-holder {
    width: 100%;
  }

  .contacts-wrapper {
    width: 100%;
  }

  .contacts-item {
    margin-bottom: 15px;
  }

  .contacts-item.socials {
    margin-top: 20px;
  }
}

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