.contacts-office-addresses {
  margin: 80px 0;
}
@media screen and (min-width: 768px) {
  .contacts-office-addresses {
    margin: 96px 0;
  }
}
@media screen and (min-width: 1440px) {
  .contacts-office-addresses {
    margin: 120px 0;
  }
}
.contacts-office-addresses__title {
  margin-bottom: 48px;
}
.contacts-office-addresses__card {
  padding: 24px 0;
  border-top: 1px solid var(--color-grey-3);
}
@media screen and (min-width: 768px) {
  .contacts-office-addresses__card {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .contacts-office-addresses__card-contacts-item {
    flex: 0 0 calc(50% - 12px);
  }
}
.contacts-office-addresses__card-city {
  margin-bottom: 12px;
}
.contacts-office-addresses__card-location {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .contacts-office-addresses__card-location {
    flex: 0 0 calc(50% - 12px);
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .contacts-office-addresses__card-location {
    flex: 0 0 calc(50% - 32px);
  }
}
.contacts-office-addresses__card-contacts {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .contacts-office-addresses__card-contacts {
    justify-content: flex-start;
    gap: 24px;
    flex: 0 0 calc(50% - 12px);
  }
}
.contacts-office-addresses__card-contact-title {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
  color: var(--color-grey-1);
  display: block;
  margin-bottom: 10px;
}
.contacts-office-addresses__card-address {
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
}