footer .footer-info-1 {
    display: flex;
    position: relative;
    z-index: 999;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

footer .footer-info-1 .footer-alamat {
    display: flex;
    align-items: center;
    gap: 18px;
}

footer .footer-info-1 .footer-email {
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: end
}

footer .footer-info-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    position: relative;
    z-index: 999;
    justify-content: space-between;
}

footer .footer-info-2 .footer-telephone {
    display: flex;
    align-items: center;
    gap: 18px;
}

footer .footer-info-2 .footer-instagram {
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: center
}

footer .footer-info-2 .footer-tiktok {
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: center;
    padding-right: 1.3rem;
}

footer .footer-menu {
    display: flex;
    position: relative;
    z-index: 999;
    gap: 20px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

footer .desktop-content {
    display: inline-block;
}

footer .mobile-content {
    display: none;
}

/* Styles for screens up to 767px wide (e.g., mobile devices) */
@media screen and (max-width: 767px) {
    footer {
        padding: 30px 16px;
    }

    footer .footer-info-1 {
        display: flex;
        flex-direction: column;
    }

    footer .footer-info-1 .footer-alamat {
        margin-bottom: 20px;
    }

    footer .footer-info-1 .footer-alamat svg {
        width: 45px;
    }

    footer .footer-info-1 .footer-email {
        justify-content: start;
    }

    footer .footer-info-2 .footer-telephone {
        margin-bottom: 20px;
    }

    footer .footer-info-2 .footer-instagram {
        margin-bottom: 20px;
        justify-content: start;
        margin-left: -5px;
        gap: 10;
    }

    footer .footer-info-2 .footer-tiktok {
        justify-content: start;
        margin-left: -5px;
        gap: 10;
    }

    footer .footer-menu-title {
        margin-top: 2.5rem;
    }

    footer .footer-menu {
        margin-top: .5rem;
    }

    footer .desktop-content {
        display: none;
    }

    footer .mobile-content {
        display: inline-block;
    }

}