/* =====================================================
   ELEGANCO TECH - FOOTER.CSS
====================================================== */

:root{
  --primary:#0A2983;
  --secondary:#0352B3;
  --light:#F0F5FA;
  --white:#fff;
  --text:#dbe8ff;
}

.et-footer{
  background:var(--primary);
  color:var(--light);
  padding:70px 0 0;
}

.et-footer .container{
  max-width:1280px;
  margin:0 auto;
  padding:0 20px;
}

.et-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:50px;
}

.footer-column h3{
  color:#fff;
  font-size:22px;
  margin:0 0 25px;
  position:relative;
}

.footer-column h3:after{
  content:"";
  width:55px;
  height:3px;
  background:var(--secondary);
  display:block;
  margin-top:10px;
}

.footer-logo img{
  max-width:230px;
  height:auto;
}

.footer-description{
  color:var(--text);
  line-height:1.8;
  margin-top:25px;
}

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

.footer-list li,
.footer-contact li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:var(--text);
  margin-bottom:18px;
  line-height:1.7;
}

.footer-list i,
.footer-contact i{
  color:var(--light);
  margin-top:4px;
  width:20px;
}

.footer-contact a{
  color:var(--light);
  text-decoration:none;
  transition:.3s;
}

.footer-contact a:hover{
  color:#fff;
}

.footer-menu li{
  margin-bottom:14px;
}

.footer-menu li a{
  color:var(--text);
  text-decoration:none;
  transition:.3s;
  display:inline-block;
}

.footer-menu li a:hover{
  color:#fff;
  transform:translateX(6px);
}

.footer-social{
  display:flex;
  gap:12px;
  margin-top:30px;
}

.footer-social a{
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  transition:.3s;
}

.footer-social a:hover{
  background:var(--secondary);
  transform:translateY(-4px);
}

.footer-bottom{
  margin-top:60px;
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
  padding:22px 0;
}

.footer-bottom p{
  margin:0;
  color:var(--text);
  font-size:15px;
}

/* Tablet */

@media(max-width:1024px){

.et-footer-grid{
grid-template-columns:repeat(2,1fr);
gap:40px;
}

}

/* Mobile */

@media(max-width:767px){

.et-footer{
padding-top:50px;
}

.et-footer-grid{
grid-template-columns:1fr;
gap:35px;
text-align:center;
}

.footer-column h3:after{
margin:10px auto 0;
}

.footer-list li,
.footer-contact li{
justify-content:center;
}

.footer-social{
justify-content:center;
}

.footer-logo img{
margin:auto;
display:block;
max-width:200px;
}

.footer-description{
max-width:500px;
margin:25px auto 0;
}

}
/* =====================================
   FOOTER SUB MENU
===================================== */

.footer-menu .sub-menu{
    list-style:none;
    margin:8px 0 0 18px;
    padding:0;
}

.footer-menu .sub-menu li{
    margin:8px 0;
}

.footer-menu .sub-menu li a{
    font-size:15px;
    font-weight:400;
    color:rgba(255,255,255,.75);
}

.footer-menu .sub-menu li a:hover{
    color:#fff;
    transform:translateX(6px);
}
.footer-menu .sub-menu li{
    position:relative;
    padding-left:16px;
}

.footer-menu .sub-menu li::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:8px;
    height:1px;
    background:rgba(255,255,255,.55);
}