.banner-contacts {
  background-image: url('../assets/img/lazyload/bg-contacts-lazy.jpg');
}
.banner-contacts.loaded {
  background-image: url('../assets/img/bg-contacts.jpeg');
}
.contacts .container {
  background: url('../assets/img/bg_dots.png') no-repeat;
  background-size: 328px;
  background-position: top left;
}
.feedback--contact-first {
  grid-template-columns: 1fr minmax(320px, 1fr);
  grid-template-rows: auto;
  gap: 78px;
  padding: 0;
  /* align-items: center; */
}
.feedback--contact-second {
  grid-template-columns: minmax(347px, 1fr) minmax(min-content, 688px);
  grid-template-rows: auto;
  gap: 78px;
}
.feedback__info--contacts {
  grid-row: auto;
  grid-column: auto;
  margin-right: 100px;
  padding-top: 50px;
}

.contacts {
  padding-bottom: 140px;
}
.contacts__socials {
  margin: 0;
  padding: 35px 0 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 17px 0;
  border-top: 1px dashed #989898;
}
.contacts__socials li a {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: #8d8d8d;
  transition: all 0.2s;
}
.contacts__socials li a:hover {
  background-color: #262626;
}

.form form {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 46px;
}
.form__item {
  width: 100%;
  max-width: calc(50% - 23px);
}
.form__item--full {
  max-width: 100%;
}
.form__item p {
  margin: 0;
}
.form label {
  gap: 8px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1200px) {
  .feedback--contact-first,
  .feedback--contact-second {
    gap: 40px;
  }
  .feedback__info--contacts {
    margin-right: 0;
    padding-top: 40px;
  }
  .form form {
    gap: 28px;
  }
}
@media (max-width: 1024px) {
  .feedback--contact-first{
    align-items: center;
  }
  .feedback--contact-first,
  .feedback--contact-second {
    gap: 20px;
  }
  .form form {
    gap: 20px;
  }
  .contacts {
    padding-bottom: 70px;
  }
}
@media (max-width: 820px) {
  .contacts .container  {
    background: none;
  }
  .contacts__img {
    display: none;
  }
  .contacts__socials {
    width: 100%;
  }
  .feedback__info--contacts {
    padding-top: 0;
  }
}
@media (max-width: 560px) {
  .form {
    padding-bottom: 30px;
  }
  .form__item {
    max-width: 100%;
  }
  .contacts {
    padding-bottom: 30px;
  }
}