.address-modal__title {
  color: #262627;
}
.address-modal__form {
  margin-top: 30px;
}
.address-modal__form_fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "address-name address-name" "address-region address-region" "address-index address-index" "address-street address-street" "address-house address-apartment";
  gap: 0 10px;
}
@media (min-width: 768px) {
  .address-modal__form_fields {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "address-name address-name address-name address-name" "address-region address-region address-region address-index" "address-street address-street address-house address-apartment";
    gap: 0 20px;
  }
}
.address-modal__form_field:nth-child(1) {
  grid-area: address-name;
}
.address-modal__form_field:nth-child(2) {
  grid-area: address-region;
}
.address-modal__form_field:nth-child(3) {
  grid-area: address-index;
}
.address-modal__form_field:nth-child(4) {
  grid-area: address-street;
}
.address-modal__form_field:nth-child(5) {
  grid-area: address-house;
}
.address-modal__form_field:nth-child(6) {
  grid-area: address-apartment;
}
@media (max-width: 768px) {
  .address-modal__form_field .form-input {
    margin-bottom: 0;
  }
}
.address-modal__form_footer {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .address-modal__form_footer {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .address-modal__submit {
    padding: 16px 40px !important;
  }
}