.al-categories .grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 3rem 1rem !important;
  justify-items: center; /* وسط العناصر داخل الأعمدة */
}

.navbar-brand img {
  width: 90px !important;
  height: auto !important;
  max-width: unset !important;
  max-height: unset !important;
}


.al-categories img {
    width: 50%;
    height: auto;
    scale: 1;
    transition: 1s all;
}

@media(max-width:768px){
.al-categories .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



}