.footer{ background:#fff; color:#0d1b48; font-family:"Montserrat",sans-serif; position:relative; }
.footer-top{ position:relative; padding:60px 60px 40px; background-color:#f7f8fa; overflow:hidden; }
.footer-bg{ background:url("../images/footerback.png") center bottom / 900px no-repeat; opacity:.15; position:absolute; inset:0; z-index:0; }
.footer-content{ position:relative; z-index:1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px; max-width:1300px; margin:0 auto; }
.footer-col{ flex:1; min-width:250px; }
.footer-col h3{ font-size:1.1rem; font-weight:600; margin-bottom:16px; color:#0d1b48; }
.footer-col ul{ list-style:none; padding:0; }
.footer-col ul li{ margin-bottom:6px; }
.footer-col ul li a{ text-decoration:none; color:#333; font-size:.95rem; transition:color .2s; }
.footer-col ul li a:hover{ color:#0d1b48; }
.footer-col p{ color:#333; font-size:.9rem; line-height:1.5; }

.footer-social{ margin-top:15px; display:flex; gap:14px; }
.footer-social a img{ width:22px; height:22px; filter: brightness(0) saturate(100%) invert(9%) sepia(55%) saturate(2447%) hue-rotate(193deg) brightness(95%) contrast(98%); transition:filter .3s; }
.footer-social a:hover img{ filter: brightness(0) saturate(100%) invert(10%) sepia(95%) saturate(748%) hue-rotate(189deg) brightness(90%) contrast(92%); }

.footer-bottom{ background:#0d1b48; color:#fff; text-align:center; padding:18px 15px; font-size:.9rem; }
.footer-bottom a{ color:#fff; text-decoration:none; font-weight:500; }
.footer-bottom a:hover{ text-decoration:underline; }

@media (max-width:768px){
  .footer-content{ flex-direction:column; align-items:flex-start; }
  .footer-col{ min-width:100%; }
  .footer-top{ padding:40px 30px 30px; }
}