@media (max-width: 768px) {
    footer .container {
        padding: 10px;
    }
    
    footer .flex {
        flex-direction: column;
        align-items: center;
    }

    footer .flex img {
        margin-bottom: 10px;
    }

    footer .text-2xl {
        font-size: 1rem; /* تنظیم اندازه متن برای صفحه‌های کوچک */
    }

    footer .text-white {
        text-align: center; /* مرکزچین کردن متن */
    }
}