.site-footer {
  background:linear-gradient(135deg,#071a2e 0%,#0b2f46 64%,#23635f 100%)!important;
  color:rgba(255,255,255,.82);
  padding:70px 0 24px;
  margin-top:70px;
  border-top:1px solid rgba(255,255,255,.08);
}

.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:34px;
  align-items:start;
}

.footer-grid > div:first-child {
  max-width:390px;
}

.footer-grid img {
  display:block;
  width:270px;
  max-width:100%;
  height:auto;
  margin:0 0 18px;
  object-fit:contain;
  object-position:left center;
}

.footer-grid p {
  color:rgba(255,255,255,.74);
  line-height:1.7;
}

.footer-grid h3 {
  color:#fff;
  margin:0 0 16px;
  font-size:1rem;
  letter-spacing:.01em;
}

.footer-grid a {
  display:block;
  color:rgba(255,255,255,.78)!important;
  text-decoration:none;
  margin:9px 0;
  transition:color .2s ease,transform .2s ease;
}

.footer-grid a:hover,
.footer-grid a:focus-visible {
  color:#75d5cc!important;
  transform:translateX(2px);
}

.footer-phone {
  display:inline-block!important;
  font-size:1.35rem;
  font-weight:900;
  color:#fff!important;
  margin-top:8px!important;
}

.footer-phone:hover,
.footer-phone:focus-visible {
  color:#ff9a5b!important;
}

.footer-bottom {
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:38px;
  padding-top:22px;
  font-size:.82rem;
  color:rgba(255,255,255,.68);
}

.footer-bottom p {
  margin:5px 0;
  color:inherit;
}

@media(max-width:800px) {
  .footer-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px) {
  .footer-grid {
    grid-template-columns:1fr;
    gap:28px;
  }

  .footer-grid img {
    width:250px;
  }

  .site-footer {
    padding:54px 0 100px;
  }
}