.footer{
  background:#11151c;
  color:#ddd;
  padding:60px 20px 20px;
}

.footer-container{
  display:flex;
  justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
}

.footer-col{
  flex:1;
  min-width:220px;
}

.footer h4{
  color:#fff;
  margin-bottom:20px;
  letter-spacing:2px;
  font-size:14px;
}

.footer h3{
  margin-bottom:10px;
}

.footer p{
  font-size:14px;
  line-height:1.6;
  color:#aaa;
}

.footer ul{
  list-style:none;
}

.footer ul li{
  margin-bottom:10px;
  cursor:pointer;
  transition:.3s;
}

.footer ul li:hover{
  color:#f4c542;
}

.social-icons{
  margin-top:15px;
}

.social-icons a{
  display:inline-block;
  width:35px;
  height:35px;
  border:1px solid #ffffff;
  color:#faf9f8;
  text-align:center;
  line-height:35px;
  border-radius:50%;
  margin-right:10px;
  text-decoration:none;
  transition:.3s;
}

.social-icons a:hover{
  background:#42d3f4;
  color:#000;
}

.footer-bottom{
  text-align:center;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid #333;
  font-size:14px;
  color:#888;
}

/* Mobile */
@media(max-width:768px){
  .footer-container{
    flex-direction:column;
  }
}