/* =========================
   PREMIUM FOOTER
========================= */

.footer{

  position:relative;

  padding:90px 0 30px;

  background:
    linear-gradient(
      135deg,
      #031224 0%,
      #041B36 55%,
      #06264A 100%
    );

  overflow:hidden;

  border-top:
    1px solid rgba(255,255,255,0.06);
}


/* TOP AREA */

.footer-top{

  display:grid;

  grid-template-columns:
    1.4fr 1fr 1fr 1fr;

  gap:60px;

  margin-bottom:70px;
}


/* BRAND */

.footer-brand img{

  width:220px;

  margin-bottom:26px;
}

.footer-brand p{

  color:
    rgba(255,255,255,0.68);

  line-height:1.9;

  font-size:1rem;

  max-width:380px;
}


/* SOCIALS */

.footer-socials{

  display:flex;

  gap:16px;

  margin-top:28px;
}

.footer-socials a{

  width:52px;
  height:52px;

  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    rgba(255,255,255,0.05);

  border:
    1px solid rgba(255,255,255,0.08);

  color:white;

  font-size:1.1rem;

  transition:0.3s ease;
}

.footer-socials a:hover{

  transform:
    translateY(-4px);

  background:
    linear-gradient(
      135deg,
      #F97316,
      #FB923C
    );

  box-shadow:
    0 14px 30px rgba(249,115,22,0.22);
}


/* COLUMN */

.footer-column h3{

  color:white;

  font-size:1.15rem;

  margin-bottom:24px;

  font-weight:700;
}

.footer-column ul{

  list-style:none;

  padding:0;
  margin:0;
}

.footer-column ul li{

  margin-bottom:16px;
}

.footer-column ul li a{

  color:
    rgba(255,255,255,0.66);

  text-decoration:none;

  transition:0.3s ease;
}

.footer-column ul li a:hover{

  color:#00C2D1;
}


/* CONTACT INFO */

.footer-contact-item{

  display:flex;

  align-items:flex-start;

  gap:14px;

  margin-bottom:22px;

  color:
    rgba(255,255,255,0.68);

  line-height:1.7;
}

.footer-contact-item i{

  color:#00C2D1;

  margin-top:4px;
}


/* BOTTOM */

.footer-bottom{

  padding-top:28px;

  border-top:
    1px solid rgba(255,255,255,0.06);

  display:flex;

  justify-content:space-between;
  align-items:center;

  gap:20px;

  flex-wrap:wrap;
}

.footer-bottom p{

  color:
    rgba(255,255,255,0.5);

  margin:0;
}

.footer-bottom-links{

  display:flex;

  gap:24px;
}

.footer-bottom-links a{

  color:
    rgba(255,255,255,0.5);

  text-decoration:none;

  transition:0.3s ease;
}

.footer-bottom-links a:hover{

  color:#00C2D1;
}


/* MOBILE */

@media(max-width:992px){

  .footer-top{

    grid-template-columns:1fr 1fr;

    gap:50px;
  }
}

@media(max-width:768px){

  .footer{

    padding:70px 0 25px;
  }

  .footer-top{

    grid-template-columns:1fr;

    gap:40px;
  }

  .footer-bottom{

    flex-direction:column;

    align-items:flex-start;
  }

  .footer-brand img{

    width:190px;
  }
}