.footer-item.footer-bottom {
  background-color: #061222;
  padding: 20px 0;
}

.footer-item.footer-top {
  padding: clamp(2.5rem, 2.3018rem + 0.8130vw, 3.125rem) 0;
}

footer#colophon {
  background: #0A2040;
}

.footer-item.footer-bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.social {
  display: inline-flex;
  align-items: center;
  column-gap: 26px;
}

.social a,
.footer-bottom-item {
  display: flex;
}

p.copy,
a.policy {
  font-size: clamp(0.875rem, 0.8354rem + 0.1626vw, 1rem);
  line-height: 120%;
  color: var(--White);
}

.footer-item.footer-top .container {
  display: flex;
  justify-content: space-between;
  column-gap: 1%;
}

.footer-top-item.map {
  width: 42%;
}

.footer-top-item-inner {
  display: flex;
  margin-top: clamp(2.5rem, 2.1037rem + 1.6260vw, 3.75rem);
  justify-content: space-between;
  gap: 40px;
}

span.footer-top-item-title {
  display: block;
  font-size: clamp(1.125rem, 1.0854rem + 0.1626vw, 1.25rem);
  font-weight: 500;
  line-height: 140%;
  color: #94C1FF;
  margin-bottom: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
  text-transform: uppercase;
}

.footer-top-item-block {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.25rem, 1.0915rem + 0.6504vw, 1.75rem);
}

.soc-contact {
  display: flex;
  column-gap: 20px;
}

.soc-contact a {
  display: flex;
}

.footer-top-item-block a {
  line-height: 140%;
  color: var(--White);
}

.footer-top-item-block a:hover {
  color: var(--Accent);
  transition: 0.3s;
}

.map iframe {
  width: 100%;
  height: 100%;
  border-radius: clamp(0.625rem, 0.4268rem + 0.8130vw, 1.25rem);
}


@media (max-width: 768px) {
  .footer-item.footer-bottom .container {
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
  }

  .footer-top-item.map {
    width: 100%;
    height: 183px;
  }

  .footer-item.footer-top .container {
    flex-direction: column;
    row-gap: 30px;
  }

  .footer-top-item-inner {
    flex-direction: column;
  }


}