/* Add custom CSS styles below */ 
/* استهدف الكونتينر */
.grid.one-row.md\:grid-cols-2 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 10px; /* مسافة بسيطة بينهم */
}

/* الصور (داخل الـ banner-entry) */
.grid.one-row.md\:grid-cols-2 .banner-entry {
    flex: 0 0 48% !important; /* عرض كل صورة تقريبًا نص الشاشة */
    max-width: 48% !important;
}

.grid.one-row.md\:grid-cols-2 .banner-entry .lazy__bg {
    background-size: contain !important; /* عشان ما تنقص الصورة */
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 200px; /* يخليها تبان كاملة حتى على الكمبيوتر */
}

/* خلي العنوان بالنص */
.s-block__title,
.s-block__title .right-side,
.s-block__title h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}