@charset "UTF-8";
#contacts-block {
  margin-top: unset;
}
#contacts-block .container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: stretch;
  padding: 40px;
  background-color: var(--bg-primary-second);
  border-radius: 16px;
}
#contacts-block .container .block-title {
  text-align: left;
}
#contacts-block .container > div {
  flex: 1;
  height: auto;
}
#contacts-block .container .form {
  max-width: 560px;
}
#contacts-block .container .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
#contacts-block .container .left .bottom > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#contacts-block .container .left .bottom > div p.p2 {
  color: var(--text-primary-main);
}
#contacts-block .container .left .bottom > div a:not(.social) {
  width: -moz-fit-content;
  width: fit-content;
}
#contacts-block .container .left .bottom > div a:hover {
  color: var(--hover);
}
#contacts-block .container .left .bottom .emails {
  margin-top: 25px;
  margin-bottom: 20px;
}
#contacts-block .container .left .bottom .socials {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
#contacts-block .container .left .bottom .socials .social {
  background-color: var(--bg-primary-main);
  border: 1px solid var(--bg-alt-stroke);
  display: flex;
  align-items: center;
  justify-content: center;
}
#contacts-block .container .left .bottom .socials .social img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#contacts-block .container .left .bottom .socials .social:hover {
  background-image: unset;
  background-color: var(--hover);
  border-color: var(--hover);
}
#contacts-block .container .left .bottom .socials .social:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(65%) saturate(2%) hue-rotate(351deg) brightness(117%) contrast(100%);
}
#contacts-block .container .left .bottom .socials .social:hover::before {
  opacity: 0;
}

@media (max-width: 780px) {
  #contacts-block .container {
    /* Перестраиваем колонки друг под друга */
    flex-direction: column;
    padding: 30px;
  }
  #contacts-block .container .form {
    /* Разрешаем форме занять всю ширину контейнера */
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #contacts-block .container {
    /* Уменьшаем общие отступы контейнера для экономии места */
    padding: 20px;
    gap: 20px;
  }
  #contacts-block .container .left {
    gap: 20px;
  }
  #contacts-block .container .left .bottom {
    /* Делаем отступы между блоками контактов более компактными */
  }
  #contacts-block .container .left .bottom .emails {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #contacts-block .container .left .bottom .socials {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  #contacts-block .container {
    padding: 15px;
    /* Слегка уменьшаем скругление углов на маленьких экранах */
    border-radius: 12px;
  }
  #contacts-block .container .left .bottom > div {
    /* Сокращаем расстояние между заголовком (например, "Телефон") и самими номерами */
    gap: 5px;
  }
  #contacts-block .container .left .bottom .socials {
    gap: 8px;
  }
}/*# sourceMappingURL=block.css.map */