/* ================= FOOTER ================= */
.site-footer{
    background:#fff;
    border-top:1px solid #eaeaea;
    padding:50px 30px 20px;
    color:#253d4e;
}

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

.footer-brand img{
    width:160px;
    margin-bottom:12px;
}

.brand-desc{
    font-size:14px;
    margin-bottom:18px;
}

.contact-list{
    list-style:none;
    font-size:14px;
}
.contact-list li{
    display:flex;
    gap:10px;
    margin-bottom:10px;
    align-items:flex-start;
}
.contact-list i{
    color:#3bb77e;
    font-size:18px;
}

.footer-column h4{
    font-size:18px;
    margin-bottom:16px;
}
.footer-column ul{
    list-style:none;
}
.footer-column li{
    font-size:14px;
    color:#555;
    margin-bottom:10px;
    cursor:pointer;
}
.footer-column li:hover{
    color:#3bb77e;
}

.app-buttons{
    display:flex;
    gap:10px;
    margin:14px 0;
}
.app-buttons img{
    width:120px;
}

.secure-text-footer{
    font-size:14px;
    margin-top:10px;
}

.payment-icons img{
    width:180px;
    margin-top:10px;
}

/* ===== FOOTER BOTTOM ===== */
.footer-bottom{
    border-top:1px solid #eaeaea;
    margin-top:40px;
    padding-top:20px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    gap:20px;
}

.footer-bottom span{
    color:#3bb77e;
}

.footer-support{
    display:flex;
    gap:30px;
}
.footer-support div{
    display:flex;
    gap:10px;
    align-items:center;
}
.footer-support i{
    font-size:28px;
    color:#3bb77e;
}
.footer-support strong{
    font-size:18px;
}
.footer-support span{
    display:block;
    font-size:13px;
    color:#777;
}

.footer-social{
    text-align:right;
}
.social-icons{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin:8px 0;
}
.social-icons i{
    background:#3bb77e;
    color:#fff;
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.footer-social p{
    font-size:13px;
    color:#777;
}

/* ================= RESPONSIVE ================= */
@media(max-width:1200px){
    .footer-main{
        grid-template-columns:1fr 1fr 1fr;
    }
}

@media(max-width:768px){
    .footer-main{
        grid-template-columns:1fr;
    }
    .footer-bottom{
        grid-template-columns:1fr;
        text-align:center;
    }
    .footer-support{
        justify-content:center;
    }
    .footer-social{
        text-align:center;
    }
    .social-icons{
        justify-content:center;
    }
}