/* FOOTER */
.site-footer{
  background:#02146C;
  color:#fff;
  padding:55px 70px 35px;
  font-family: 'Poppins', sans-serif;
}

.footer-container{
  max-width:1400px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  gap:80px;
  flex-wrap:wrap;
}

/* LEFT */
.footer-brand{
  flex:1;
  min-width:320px;
}

.footer-logo img{
  width:200px;
  margin-bottom:16px;
}

.footer-tagline{
  font-size:14px;
  color:#e7e7e7;
  line-height:1.6;
  margin-bottom:22px;
  max-width:320px;
}

.footer-brand h4{
  color:#F9B100;
  font-size:18px;
  margin-bottom:18px;
}

.footer-contact{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-contact li{
  display:flex;
  gap:10px;
  font-size:15px;
  line-height:1.8;
  color:#fff;
  margin-bottom:10px;
}

.footer-contact i{
  color:#F9B100;
  margin-top:6px;
  width:18px;
}

/* SOCIAL */
.footer-social{
  display:flex;
  gap:16px;
  margin:24px 0;
}

.footer-social a{
  color:#F9B100;
  font-size:19px;
  transition:.3s;
}

.footer-social a:hover{
  transform:translateY(-3px);
  color:#fff;
}

.copyright{
  font-size:14px;
  color:#ddd;
}

.copyright span{
  color:#F9B100;
}

/* RIGHT */
.footer-links{
  flex:1.2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:70px;
  min-width:500px;
}

.footer-column h4{
  color:#F9B100;
  font-size:18px;
  margin-bottom:20px;
}

.footer-column a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  margin-bottom:18px;
  transition:.3s;
}

.footer-column a:hover{
  color:#F9B100;
  padding-left:4px;
}

/* MOBILE */
@media(max-width:992px){
  .footer-container{
    flex-direction:column;
    gap:50px;
  }

  .footer-links{
    grid-template-columns:repeat(2,1fr);
    min-width:100%;
  }
}

@media(max-width:600px){
  .site-footer{
    padding:45px 25px;
  }

  .footer-links{
    grid-template-columns:1fr;
    gap:35px;
  }

  .footer-logo img{
    width:180px;
  }
}