#contacts-banner-block .contacts__left {
  grid-column: 8 span;
}
#contacts-banner-block .contacts__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
#contacts-banner-block .contacts__item {
  padding: 30px;
  background: var(--bgSecondary);
  border-radius: 10px;
  min-height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#contacts-banner-block .contacts__item-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;
}
#contacts-banner-block .contacts__item-icon {
  max-width: 24px;
  max-height: 24px;
}
#contacts-banner-block .contacts__item-title {
  color: var(--mainTextSecondary);
  text-transform: uppercase;
}
#contacts-banner-block .contacts__item-subtitle {
  color: var(--mainTextSecondary);
  margin-bottom: 5px;
}
#contacts-banner-block .contacts__item-title-second {
  margin-bottom: 20px;
}
#contacts-banner-block .contacts__item-requisites {
  grid-column: 2 span;
}
#contacts-banner-block .contacts__item-value * {
  font-weight: 600;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: 0%;
  color: var(--headPrimary);
}
#contacts-banner-block .contacts__requisites {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
}
#contacts-banner-block .contacts__requisite {
  border-radius: 10px;
  padding: 15px 20px;
  background: var(--bg);
  color: var(--headPrimary);
}
#contacts-banner-block .contacts__requisite span {
  color: var(--mainTextSecondary);
}
#contacts-banner-block .contacts__right {
  grid-column: 4 span;
}
#contacts-banner-block .addresses-holder,
#contacts-banner-block .phones__holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#contacts-banner-block .map-holder {
  min-height: 610px;
  position: sticky;
  top: 150px;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 1020px) {
  #contacts-banner-block .contacts__inner {
    display: flex;
    flex-direction: column;
  }
  #contacts-banner-block .contacts__left,
  #contacts-banner-block .contacts__right {
    grid-column: 1 span;
  }
  #contacts-banner-block .map-holder {
    min-height: 400px;
  }
}
@media screen and (max-width: 580px) {
  #contacts-banner-block .contacts__wrapper {
    display: flex;
    flex-direction: column;
  }
  #contacts-banner-block .contacts__item {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  #contacts-banner-block .contacts__item {
    padding: 20px;
  }
}
@media screen and (max-width: 400px) {
  #contacts-banner-block .contacts__requisite {
    word-break: break-all;
  }
}/*# sourceMappingURL=block.css.map */