/* =========================
   FOOTER BASE STYLE
========================= */
.footer {
    background: #A9DA4B;
    color: #000000;
    padding: 60px 20px 20px;
     text-align:center;
}

/* =========================
   GRID LAYOUT
========================= */
.footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* =========================
   LIST STYLE
========================= */
.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer ul li {
    margin-bottom: 8px;
}

/* =========================
   LINKS
========================= */
.buttom-menu a {
    text-decoration: none;
    color: #000000;
    transition: 0.3s;
}

.footer_contact a {
    text-decoration: none;
    color:#000000;
    line-height: 2.5;
    transition: 0.3s;
}

/* Hover effect */
.buttom-menu a:hover,
.footer_contact a:hover {
    opacity: 0.7;
}

/* =========================
   COPYRIGHT
========================= */
.copyright {
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
    opacity: 0.7;
}
/* =========================
   FOOTER BASE STYLE
========================= */
.footer {
    background: #A9DA4B;
    color: #000000;
    padding: 60px 20px 20px;
    text-align: center; /* Center by default */
}

/* =========================
   GRID LAYOUT
========================= */
.footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* =========================
   LIST STYLE
========================= */
.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer ul li {
    margin-bottom: 8px;
}

/* =========================
   LINKS
========================= */
.buttom-menu a,
.footer_contact a {
    text-decoration: none;
    color: #000000;
    transition: 0.3s;
}

.footer_contact a {
    line-height: 2.2;
    display: inline-block;
}

/* Hover */
.buttom-menu a:hover,
.footer_contact a:hover {
    opacity: 0.7;
}

/* =========================
   COPYRIGHT
========================= */
.copyright {
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
    opacity: 0.7;
}


/* =====================================================
   🌍 UNIVERSAL MOBILE RESPONSIVE (ALL PHONES)
   Covers 320px → 600px → Future Devices
===================================================== */

@media (max-width: 600px) {

    .footer {
        padding: 40px 15px 20px;
        text-align: center;
    }

    /* Stack all sections vertically */
    .footer-grid {
        grid-template-columns: 1fr;   /* One column only */
        gap: 25px;
        text-align: center;
    }

    /* Ensure everything centered */
    .footer-grid > div {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .footer_contact a {
        display: block;
        line-height: 2;
    }

    .copyright {
        font-size: 13px;
    }
}


/* =========================
   TABLET (Optional)
========================= */

@media (min-width: 601px) and (max-width: 992px) {

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
    }

}