.site-footer { background: #fff; border-top: 1px solid rgb(220, 228, 240); }
.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 32px; padding-bottom: 32px; }
.footer-brand > img { width: 58px; height: 43px; }
.footer-contact { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 25px; }
.footer-contact a, .footer-contact span { display: inline-flex; align-items: center; gap: 9px; color: rgb(12, 41, 106); font-size: 0.82rem; text-decoration: none; }
.footer-contact i { color: rgb(9, 69, 196); }
.footer-contact a:hover { color: rgb(9, 69, 196); }
.footer-top-link { display: inline-flex; align-items: center; gap: 10px; color: rgb(9, 69, 196); font-size: 0.72rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.footer-top-link:hover { color: rgb(230, 167, 47); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 17px; padding-bottom: 18px; border-top: 1px solid rgb(220, 228, 240); color: rgba(12, 41, 106, 0.65); font-size: 0.7rem; }
.footer-bottom p { margin: 0; }

@media (max-width: 760px) {
    .footer-main { flex-direction: column; align-items: flex-start; gap: 22px; }
    .footer-contact { flex-direction: column; align-items: flex-start; gap: 13px; }
    .footer-top-link { margin-top: 3px; }
    .footer-bottom { flex-direction: column; gap: 7px; }
}