/* Add custom CSS styles below */ 
body header + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
section + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* التحكم بحجم صور الماركات */
.swiper-slide a.brand-item img {
    max-height: 200px;   /* غيّري الرقم حسب الحجم اللي يناسبك */
    width: auto;
    margin: 0 auto;
}
/* جعل البطاقتين جنب بعض على الجوال */
@media only screen and (max-width: 768px) {
    .square-static-images-itmes {
        display: flex !important;
        flex-direction: row !important; /* صف أفقي */
        justify-content: center;         /* توسيط البطاقتين */
        gap: 5px;                        /* المسافة بين البطاقتين */
        flex-wrap: wrap;                  /* يسمح بالانتقال للسطر إذا الشاشة صغيرة جدًا */
    }

    .square-static-images-itmes .square-static-item {
        width: 48% !important;           /* حجم البطاقة داخل الصف */
        max-width: 200px;                /* يمكن تعديل حسب الحاجة */
    }
}