.footer {
  background:#1a1a1a;
  padding:60px 40px 20px;
  width:100%;
  box-sizing:border-box;
}


.footer-content {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:35px;
  border-bottom:1px solid #333;
  padding-bottom:40px;
}


.footer-section h2 {
  font-size:24px;
  margin-bottom:20px;
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-weight:600;
}


.footer-section p {
  font-size:15px;
  line-height:1.7;
  color:#fff;
  font-family:'Poppins',sans-serif;
}


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


.footer-section ul li {
  color:#fff;
  font-size:15px;
  margin-bottom:12px;
  cursor:pointer;
  transition:.3s;
  font-family:'Poppins',sans-serif;
}


.footer-section ul li:hover {
  color:#ff4f00;
  transform:translateX(5px);
}


.socials {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}


.socials a {
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#222;
  color:#fff;
  border-radius:6px;
  transition:.3s;
}


.socials a:hover{
 background:#ff4f00;
}


.logos,
.logom{
 width:120px;
 max-width:100%;
 margin-bottom:20px;
}



.footer-bottom{
 display:flex;
 justify-content:space-between;
 align-items:center;
 flex-wrap:wrap;
 gap:15px;
 padding-top:20px;
 color:#aaa;
 font-size:14px;
}


.footer-links{
 display:flex;
 flex-wrap:wrap;
 gap:15px;
}


.footer-links a{
 color:#aaa;
 text-decoration:none;
}


.footer-links a:hover{
 color:#ff4f00;
}


.highlights{
 color:#ff4f00;
 font-weight:bold;
}

.orange{
 color:#ff4f00;
}



/* =================
   Tablet
================= */

@media(max-width:992px){

.footer{
 padding:50px 30px 20px;
}


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

}



/* =================
   Mobile
================= */

@media(max-width:600px){


.footer{
 padding:40px 20px;
}


.footer-content{
 grid-template-columns:repeat(2,1fr);
 gap:25px 15px;
}


.footer-section h2{
 font-size:18px;
 margin-bottom:12px;
}


.footer-section p{
 font-size:13px;
}


.footer-section ul li{
 font-size:13px;
 margin-bottom:8px;
}


.logos,
.logom{
 width:100px;
}



.socials{
 gap:8px;
}


.socials a{
 width:34px;
 height:34px;
}



.footer-bottom{
 flex-direction:column;
 text-align:center;
}


.footer-links{
 justify-content:center;
 font-size:13px;
}


}



/* Extra small phone */
@media (max-width:768px){

    .footer{
        padding:40px 20px;
    }

    .footer-content{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px 15px;
    }

    .footer-section{
        text-align:left;
    }

    .footer-section h2{
        font-size:18px;
        margin-bottom:12px;
    }

    .footer-section p,
    .footer-section ul li{
        font-size:13px;
        text-align:left;
    }

    .logos,
    .logom{
        width:100px;
    }

    .socials{
        justify-content:flex-start;
        gap:8px;
    }

    .socials a{
        width:34px;
        height:34px;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:10px;
    }

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

    .footer .footer-certificate{
        display:flex;
        justify-content:center;
    }

    .footer .wg-footer-certificate{
        width:150px;
    }
}
@media(max-width:380px){

/* .footer-content{
 grid-template-columns:1fr;
 text-align:center;
} */


/* .footer-section h2,
.footer-section p,
.footer-section ul li{
 text-align:center;
} */


/* .socials{
 justify-content:center;
} */

  .footer-content{
        grid-template-columns:repeat(2,1fr);
        gap:20px 15px;
    }

    .footer-section{
        text-align:left;
    }

    .footer-section h2,
    .footer-section p,
    .footer-section ul li{
        text-align:left;
    }

    .socials{
        justify-content:flex-start;
    }


}

/* ==========================
   FOOTER CERTIFICATE
========================== */

.footer .footer-certificate{

    display:block;
    margin-top:25px;
    width:100%;
    text-decoration:none;

}


.footer .wg-footer-certificate{
    width:180px;
    height:auto;
    display:block;
    border-radius:8px;
    transition:all .4s ease;
}
.footer .footer-certificate:hover .wg-footer-certificate{
    transform:translateY(-8px) scale(1.05);
    box-shadow:0 15px 35px rgba(255,255,255,.20);
}
@media(max-width:600px){

    .footer .footer-certificate{

        display:flex;
        justify-content:center;

    }


    .footer .wg-footer-certificate{

        width:150px;

    }

}