@media (max-width: 767px) {
    .s-block--circle-links {
        display: flex; /* تحويل العنصر إلى Flexbox */
        justify-content: center; /* توسيط العناصر أفقيًا */
        align-items: center; /* توسيط العناصر رأسيًا */
        flex-wrap: wrap; /* السماح بلف العناصر إذا لم تكن المساحة كافية */
        gap: 20px; /* إضافة مسافة بين العناصر */
    }

    .s-block--circle-links .auto-fit-grid {
        display: flex;
        justify-content: center; /* توسيط العناصر بداخل الشبكة */
        align-items: center;
        flex-wrap: wrap;
        gap: 20px; /* مسافة بين العناصر */
    }

    .s-block--circle-links .auto-fit-grid > * {
        margin: 0 auto; /* التأكد من أن كل عنصر فرعي يتمركز */
    }
}