/* Add custom CSS styles below */ 

.object-center {
    max-height: 325px;
}
.md\:grid-cols-3 {
    display: grid !important;
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

/* البانر الكبير شمال */
.md\:grid-cols-3 > :nth-child(1) {
    grid-column: 1 / 5 !important;
    grid-row: 1 / 3 !important;
}

/* البانر الثاني أعلى المنتصف */
.md\:grid-cols-3 > :nth-child(2) {
    grid-column: 5 / 8 !important;
    grid-row: 1 / 2 !important;
}

/* 4 مربعات يمين */
.md\:grid-cols-3 > :nth-child(3) {
    grid-column: 8 / 10 !important;
    grid-row: 1 / 2 !important;
}

.md\:grid-cols-3 > :nth-child(4) {
    grid-column: 10 / 12 !important;
    grid-row: 1 / 2 !important;
}

.md\:grid-cols-3 > :nth-child(5) {
    grid-column: 8 / 10 !important;
    grid-row: 2 / 3 !important;
}

.md\:grid-cols-3 > :nth-child(6) {
    grid-column: 10 / 12 !important;
    grid-row: 2 / 3 !important;
}

/* صورة الضمان تحت البانر الثاني */
.md\:grid-cols-3 > :nth-child(7) {
    grid-column: 5 / 8 !important;
    grid-row: 2 / 3 !important;
}

.md\:grid-cols-3 > * {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}