/* Add custom CSS styles below */ 
@media (max-width: 800px) {
  .flex.flex-col-reverse.md\:flex-row.items-center {
    flex-direction: row-reverse !important;
  }
}

a.btn.group.bg-primary {
  height: 40px !important;      /* ارتفاع الزر */
  padding: 0 10px !important;   /* عرض الزر */
  font-size: 15px !important;   /* حجم الخط */
  font-weight: 300;
}
/* حل نهائي لبنر عرض خاص مع عد تنازلي - سيليا */
@media (max-width: 768px) {

  /* الحاوية اللي فيها الصورة */
  section.promo_with_countdown 
  .h-80 {
    height: 200px !important;   /* ← عدل الحجم هنا */
    min-height: 200px !important;
    max-height: 200px !important;
  }

  /* الصورة نفسها */
  section.promo_with_countdown img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
  }
}