/* Add custom CSS styles below */ 


#content-with-images-5 > div > div:nth-child(3) h2 {
  line-height: 1.4 !important;
}


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


/* Keep the user menu visible on all screen sizes */
salla-user-menu,
salla-user-menu.s-user-menu,
salla-user-menu[avatar-only] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

salla-user-menu .s-user-menu-wrapper,
salla-user-menu .s-user-menu-trigger-slot,
salla-user-menu .s-user-menu-trigger,
salla-user-menu .s-user-menu-avatar-wrap,
salla-user-menu .s-user-menu-trigger-avatar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* In case mobile CSS hides it */
@media (max-width: 768px) {
  salla-user-menu,
  salla-user-menu .s-user-menu-wrapper,
  salla-user-menu .s-user-menu-trigger-slot,
  salla-user-menu .s-user-menu-trigger,
  salla-user-menu .s-user-menu-avatar-wrap {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}


/* Main categories */
.main-menu > .main-menu-item > a span {
  font-size: 16px !important;
  font-weight: 500;
}

/* Sub categories */
.sub-menu .main-menu-item span {
  font-size: 11px !important;
  opacity: 0.8;
}

/* "عرض الكل" */
.sub-menu--title span {
  font-size: 11px !important;
  font-weight: 600;
}