.contacts__map-container {
  width: 100%;
  max-width: 711px;
  aspect-ratio: 711 / 414;
}

.contacts__map {
  width: 100%;
  height: 100%;
}

.contacts__container {
  padding: 20px 25px 25px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contacts__text-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contacts__block-email, .contacts__block-email a {
  color: var(--secondary);
}

.contacts__form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.contacts__input {
  box-sizing: border-box;
  padding: 12px 13px 11px;
  border: 1px solid var(--gray);
}

.contacts__input::placeholder {
  color: var(--placeholder-gray);
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.contacts__input_name {
  width: calc(50% - 10px);
}

.contacts__input_email {
  width: calc(50% - 10px);
}

.contacts__input_theme {
  width: 100%;
}

.contacts__input_message {
  height: 160px;
  width: 100%;
  resize: none;
}
.contacts__submit-button {
  padding: 12px 40px !important;
}
.contacts__policy {
  color: var(--secondary);
}

@media (max-width: 1439px) {
  .contacts__map-container {
    max-width: initial;
  }
}

@media (max-width: 767px) {
  .contacts__map-container {
    aspect-ratio: 360 / 260;
    margin: 0 -2rem;
    width: calc(100% + 4rem);
  }

  .contacts__container {
    padding: 15px 26.5px;
    margin: 0 -2rem;
  }

  .contacts__form {
    gap: 15px;
  }

  .contacts__input_name,
  .contacts__input_email {
    width: 100%;
  }

  .contacts__submit-button {
    padding: 15px 40px !important;
    width: 100%;
  }
}
