/* =========================================================
   SHARED FOOTER RESPONSIVE FIX
========================================================= */

.about-footer,
.about-footer * {
    box-sizing: border-box;
}


/* TABLET */

@media (max-width: 900px) {

    .about-footer {
        grid-template-columns: 1fr 1fr !important;
        gap: 34px !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .about-footer .footer-bottom {
        grid-column: 1 / -1 !important;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    .about-footer {
        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 38px 22px 22px !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 30px !important;

        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }


    .about-footer .footer-brand,
    .about-footer .footer-column {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;
    }


    .about-footer .footer-brand-logo {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;

        gap: 12px !important;

        margin: 0 0 16px !important;

        position: static !important;
        transform: none !important;
    }


    .about-footer .footer-logo-image {
        width: 44px !important;
        height: 44px !important;

        flex: 0 0 44px !important;

        object-fit: contain !important;
    }


    .about-footer .footer-logo-text {
        display: flex !important;
        flex-direction: column !important;

        width: auto !important;

        position: static !important;
        transform: none !important;
    }


    .about-footer .footer-brand > p,
    .about-footer .footer-column p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        text-align: left !important;
    }


    .about-footer .footer-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }


    .about-footer .footer-column a {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;

        text-align: left !important;
    }


    .about-footer .footer-bottom {
        grid-column: 1 !important;

        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 7px !important;

        margin-top: 4px !important;

        text-align: left !important;
    }

}