:root {
  --color-bg: #F5F5F7;
  --color-bg-block: #ffffff;
  --color-title: #000000;
  --color-subtitle: #808080;
  --color-text: #666666;
  --color-link: #000000;
  --color-promo: #E31E24;
}

.contacts {
  padding: 0 0 128px 0;
  background-color: var(--color-bg);
}

.contacts__title {
    font-family: "Museo Sans Cyrl";
  font-weight: 900;
  font-size: 32px;
  line-height: 140%;
  margin-bottom: 32px;
}

.contacts__wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contacts__info {
  width: 100%;
  max-width: 33%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 48px 32px;
}

.blood__days {
  margin-bottom: -30px;
}

.contacts__address {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 24px;
}

.contacts__subtitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: var(--color-subtitle);
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: "Museo Sans Cyrl";
}

.sub {
  font-weight: 500;
  font-size: 12px;
  text-transform: none;
  margin-bottom: 2px;
}

.contacts__address p {
    font-family: "Museo Sans Cyrl";
  font-weight: 900;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.7px;
  color: var(--color-link);
}

.contacts__e-mail {
  font-weight: 900;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.7px;
  color: var(--color-link);
  transition: .3s;
  font-family: "Museo Sans Cyrl";
}

.contacts__e-mail:hover {
  color: var(--color-promo);
}

.contacts__phone {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}

.contacts__telephone {
  font-weight: 900;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 1.2px;
  color: var(--color-link);
  transition: .3s;
  font-family: "Museo Sans Cyrl";
}

.contacts__telephone:hover {
  color: var(--color-promo);
}

.contacts__table {
  margin-bottom: 23px;
}

.contacts__table-day {
    font-family: "Museo Sans Cyrl";
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: var(--color-link);
  text-transform: uppercase;
  padding-right: 15px;
}

.contacts__table-time {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 1px;
}

.contacts__promo {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--color-promo);
}

.contacts__map {
  width: 100%;
  max-width: 61.3%;
  border-radius: 24px;
    overflow: hidden;
}

.test {
  z-index: -1;
}
.contacts__block-first {
    max-width:170px;
}
.contacts__block-three, .contacts__block-four{
    flex: 1;
}

@media(max-width: 992px) {
   .contacts__block-first {
     max-width: unset;
   }
  .contacts__info {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .contacts__map {
    max-width: unset;
  }
}

@media(max-width: 576px) {
  .contacts {
    padding-bottom: 60px;
  }
  .contacts__block-second {
    width: 100%;
  }
  .contacts__block-four {
    width: 100%;
  }
  .contacts__block-tree {
    width: 100%;
  }
  .contacts__title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .blood__days {
    margin-bottom: 0;

  }
  .contacts__block1 {
    width: 100%;
  }
}