/* ---------- Footer ---------- */
.footer { font-family: 'Inter', system-ui, sans-serif; padding: 88px 64px 77px 283px; background: rgba(191, 215, 234, .3); display: flex; flex-direction: column; align-items: flex-start; }
.footer h2 { font-family: 'Inter', system-ui, sans-serif; margin: 0; font-size: 18px; font-weight: 600; line-height: 29.7px; color: #171A1F; }
.footer p { font-family: 'Inter', system-ui, sans-serif; margin: 24px 0 0; max-width: 440px; font-size: 16px; font-weight: 400; line-height: 26px; color: #171A1F; }
.foot-links { margin-top: 31px; display: flex; align-items: center; gap: 37px; }
.foot-link { min-height: 44px; display: inline-flex; align-items: center; padding: 0; background: none; border: 0; cursor: pointer; font-family: inherit; font-size: 16px; font-weight: 600; color: #2364AA; transition: color .15s ease; }
.foot-link:hover { color: #1B4F87; }
.foot-link { gap: 8px; }
.foot-ic { flex-shrink: 0; }
.foot-ic-open { transition: transform .25s cubic-bezier(.22, 1, .36, 1); }
.foot-link:hover .foot-ic-open { transform: translate(3px, -3px); }
.credit { height: 56px; display: flex; align-items: center; justify-content: flex-start; padding: 0 64px 0 283px; text-align: left; background: #FAFAFA; font-family: 'Inter', system-ui, sans-serif; font-size: 12px; line-height: 18px; font-weight: 500; color: rgba(23, 26, 31, .5); }

@media (max-width: 1100px) {
  .footer, .credit { padding-left: max(64px, calc((100% - 940px) / 2 + 33px)); }
}
@media (max-width: 700px) {
  .footer { padding: 64px 24px; }
  .credit { padding: 0 24px; }
  .footer p br { display: none; }
}