/*
Footer CSS
Anwar Services Pro
*/


/* =========================
   Footer Main
========================= */


.site-footer {

    background:#0b2d5c;
    color:#fff;

}




/* =========================
   Top Info Boxes
========================= */


.footer-top {

    padding:60px 0 0;

}



.footer-info-grid {

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}



.footer-info-box {

    background:#fff;
    color:#0b2d5c;
    padding:35px 25px;
    text-align:center;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:.3s;

}



.footer-info-box:hover {

    transform:translateY(-8px);

}



.footer-info-box i {

    font-size:38px;
    color:#d4af37;
    margin-bottom:15px;

}



.footer-info-box h3 {

    font-size:22px;
    margin-bottom:12px;

}



.footer-info-box p {

    color:#555;
    font-size:17px;
    margin:0;

}





/* =========================
   Footer Main
========================= */


.footer-main {

    padding:80px 0 45px;

}



.footer-grid {

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;

}



.footer-column h3 {

    color:#fff;
    font-size:24px;
    margin-bottom:25px;

}



.footer-column p {

    color:#e8edf5;
    line-height:2;
    font-size:16px;

}



.footer-column ul {

    list-style:none;
    padding:0;
    margin:0;

}



.footer-column ul li {

    margin-bottom:14px;

}



.footer-column ul li a {

    color:#fff;
    font-size:16px;
    transition:.3s;

}



.footer-column ul li a:hover {

    color:#d4af37;

}





/* =========================
   Social Icons
========================= */


.social-icons {

    display:flex;
    gap:15px;

}



.social-icons a {

    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:50%;
    font-size:20px;
    transition:.3s;

}



/* Facebook */

.social-icons a:nth-child(1){

    color:#1877f2;

}



/* Instagram */

.social-icons a:nth-child(2){

    color:#e1306c;

}



/* Whatsapp */

.social-icons a:nth-child(3){

    color:#25d366;

}



.social-icons a:hover {

    background:#d4af37;
    color:#fff;
    transform:translateY(-5px);

}





/* =========================
   Footer Bottom
========================= */


.footer-bottom {

    border-top:1px solid rgba(255,255,255,.2);
    padding:25px 0;
    text-align:center;

}



.footer-bottom p {

    margin:0;
    color:#fff;
    font-size:15px;

}





/* =========================
   Responsive
========================= */


@media(max-width:992px){


.footer-grid {

    grid-template-columns:repeat(2,1fr);

}



.footer-info-grid {

    grid-template-columns:1fr;

}



}




@media(max-width:600px){


.footer-grid {

    grid-template-columns:1fr;

}



.footer-info-box {

    padding:30px 20px;

}


}