.foot_di {
  background: #111927;
  clear: both;
  color: rgba(255, 255, 255, .78);
  overflow: hidden;
  width: 100%;
}

.foot_di *,
.foot_di *::before,
.foot_di *::after {
  box-sizing: border-box;
}

.foot_di a {
  text-decoration: none;
}

.foot1 {
  display: grid;
  gap: 50px;
  grid-template-columns: minmax(270px, 1.15fr) minmax(150px, .62fr) minmax(150px, .62fr) minmax(340px, 1.18fr);
  height: auto;
  padding: 66px 0 50px;
}

.footer-brand,
.footer-column,
.footer-contact,
.footer-column ul,
.footer-column li {
  float: none;
}

.footer-logo {
  display: block;
  width: 164px;
}

.footer-logo img {
  display: block;
  height: auto;
  max-width: 100%;
}

.footer-brand__desc,
.footer-brand__note {
  color: rgba(255, 255, 255, .68);
  font-size: 14px;
  line-height: 1.45;
  max-width: 360px;
}

.footer-brand__desc {
  margin: 18px 0 0;
}

.footer-brand__note {
  margin: 10px 0 0;
}

.footer-column h3,
.footer-contact h3 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.35;
  margin: 0 0 18px;
}

.footer-column h3::after,
.footer-contact h3::after {
  background: #d85c36;
  content: "";
  display: block;
  height: 2px;
  margin-top: 10px;
  width: 28px;
}

.footer-column ul {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
}

.footer-column li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-column a {
  color: rgba(255, 255, 255, .68);
  display: inline-block;
  font-size: 14px;
  line-height: 1.45;
  transition: color .2s ease, transform .2s ease;
}

.footer-column a:hover {
  color: #fff;
  transform: translateX(2px);
}

.footer-contact__list {
  display: grid;
  gap: 9px;
}

.footer-contact__list p {
  align-items: flex-start;
  color: rgba(255, 255, 255, .68);
  display: flex;
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
}

.footer-contact__list span {
  color: rgba(255, 255, 255, .92);
  flex: 0 0 42px;
  font-weight: bold;
}

.footer-contact__list a {
  color: rgba(255, 255, 255, .72);
  word-break: break-word;
}

.footer-contact__list a:hover {
  color: #fff;
}

.footer-contact__list em {
  font-style: normal;
  min-width: 0;
}

.foot2 {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, .12);
  display: flex;
  gap: 20px;
  height: auto;
  justify-content: space-between;
  margin: 0 auto;
  min-height: 58px;
  padding: 16px 0 20px;
}

.foot2 p {
  color: rgba(255, 255, 255, .48);
  float: none;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

.foot2 p a {
  color: rgba(255, 255, 255, .58);
}

.foot2 p a:hover {
  color: #fff;
}

.footer-bottom-links {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 18px;
}

.footer-bottom-links a {
  color: rgba(255, 255, 255, .58);
  font-size: 13px;
  line-height: 1.5;
}

.footer-bottom-links a:hover {
  color: #fff;
}

@media (max-width: 1200px) {
  .foot1 {
    gap: 38px 42px;
    grid-template-columns: minmax(260px, 1.1fr) minmax(150px, .7fr) minmax(150px, .7fr);
  }

  .footer-contact {
    grid-column: 1 / -1;
  }

  .footer-contact__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .foot1 {
    gap: 32px;
    grid-template-columns: 1fr;
    padding: 40px 0 34px;
  }

  .footer-logo {
    width: 142px;
  }

  .footer-brand__desc,
  .footer-brand__note {
    max-width: none;
  }

  .footer-column ul {
    gap: 10px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-contact {
    grid-column: auto;
  }

  .footer-contact__list {
    grid-template-columns: 1fr;
  }

  .foot2 {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 16px 0 22px;
  }

  .footer-bottom-links {
    gap: 16px;
  }
}