.footer-wrapper {
    font-family: 'Inter', sans-serif;
    width: 100%;
}

/* ================= TOP FOOTER ================= */
.footer-top {
    background: linear-gradient(90deg, #0a1f4d, #102d6b);
    color: #ffffff;
    padding: 12px 20%;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
}

/* LEFT */
.footer-left {
    white-space: nowrap;
	 line-height: 1.5;
}

/* DIVIDER */
.footer-divider {
    width: 1px;
    height:40px;
    background: rgba(255,255,255,0.4);
    margin: 0 20px;
}

/* RIGHT */
.footer-right {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* EACH ROW */
.footer-row {
    display: flex;
    gap: 30px;
}

/* ICON + TEXT */
.footer-item {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.footer-item img {
    width: 14px;
    height: 14px;
}

/* ================= BOTTOM FOOTER ================= */
.footer-bottom {
    background: #eef1f6;
    color: #5c5c5c;
    text-align: center;
    padding: 8px 6%;
    font-size: 12.5px;
}

.bottom-icon {
    width: 12px;
    vertical-align: middle;
    margin-right: 4px;
}

/* ================= RESPONSIVE ================= */
/* ================= RESPONSIVE ================= */

/* TABLET & MOBILE */
/* ================= RESPONSIVE ================= */

/* MOBILE & TABLET */
@media (max-width: 768px) {

    .footer-top {
        flex-direction: column;
        align-items: flex-start;   /* ✅ LEFT */
        text-align: left;          /* ✅ LEFT */
        padding: 12px 6%;
        gap: 12px;
    }

    /* LEFT CONTENT */
    .footer-left {
        white-space: normal;
        text-align: left;          /* ✅ SAME START */
    }

    /* REMOVE DIVIDER */
    .footer-divider {
        display: none;
    }

    /* RIGHT CONTENT */
    .footer-right {
        align-items: flex-start;   /* ✅ SAME START */
        width: 100%;
        gap: 10px;
    }

    /* STACK ROWS */
    .footer-row {
        flex-direction: column;
        align-items: flex-start;   /* ✅ SAME START */
        gap: 8px;
    }

    /* ICON + TEXT */
    .footer-item {
        justify-content: flex-start; /* ✅ SAME START */
    }
}

/* SMALL MOBILE */
@media (max-width: 480px) {

    .footer-top {
        font-size: 13px;
    }

    .footer-bottom {
        font-size: 12px;
        padding: 10px 6%;
        line-height: 1.5;
        text-align: left;          /* ✅ SAME START */
    }
}


/* SMALL MOBILE */
@media (max-width: 480px) {

    .footer-top {
        font-size: 13px;
    }

    .footer-item img {
        width: 13px;
        height: 13px;
    }

    .footer-bottom {
        font-size: 12px;
        padding: 10px 5%;
        line-height: 1.5;
    }
}