.footer{background:linear-gradient(135deg,#011646,#001a3a);border-top:1px solid rgba(255,255,255,.1);font-family:Arial,sans-serif;color:white}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:30px;gap:30px;width:100%;padding:3rem 8%}.footer-brand{grid-column:span 1}.footer-brand-ctn{margin-bottom:15px}.footer-brand img{padding:2px;background-color:#f3f3f3;border-radius:38px;height:50px;width:50px;object-fit:contain}.footer-brand p{color:rgba(255,255,255,.8);font-size:14px;line-height:1.6}.footer h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:8px;position:relative;padding-bottom:10px}.footer h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,#4299e1,transparent)}.footer ul{list-style:none;padding:0;margin:0}.footer ul li{margin-bottom:12px}.footer ul li a{text-decoration:none;color:rgba(255,255,255,.7);font-size:13px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.footer ul li a:hover{color:#4299e1;transform:translateX(4px)}.footer ul li a svg{font-size:12px;opacity:.7}.footer-bottom{color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;padding:20px 8%;font-size:13px;flex-wrap:wrap;gap:15px}.footer-bottom,.footer-contact{display:flex;align-items:center}.footer-contact{gap:12px}.footer-contact a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}.footer-contact a:hover{color:#4299e1}.footer-contact span{color:rgba(255,255,255,.3)}.footer-social{margin-top:20px;display:flex;gap:12px}.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);color:white;font-size:16px;transition:all .2s ease}.footer-social a:hover{background:#4299e1;transform:translateY(-3px)}@media (min-width:1025px){.footer-container{grid-template-columns:1.5fr repeat(4,1fr)}}@media (min-width:768px) and (max-width:1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:40px}.footer-brand{grid-column:span 2}}@media (max-width:767px){.footer-container{grid-template-columns:1fr;gap:30px;padding:2rem 5%}.footer-bottom{flex-direction:column;text-align:center;padding:15px 5%}.footer h4:after{width:60px}}