/* Add custom CSS styles below */ 
@media (max-width: 640px) {
  .flex.justify-between.flex-wrap.sm\:justify-center.sm\:gap-8.p-\[5px\] {
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0 !important; /* إلغاء الـ gap */
  }

  .flex.justify-between.flex-wrap.sm\:justify-center.sm\:gap-8.p-\[5px\] > a {
    margin: 0 4px;
  }
}

@media (max-width: 640px) {
.banner-image.flex.items-center.justify-center.h-\[230px\].overflow-hidden {
    height: 130px !important;
}
}