/* Add custom CSS styles below */ 
/* إخفاء شعار الهيدر بشكل افتراضي */
.navbar-brand {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* يظهر الشعار لما نضيف هذا الكلاس على body (يعني البانر طلع من الشاشة) */
body.past-banner .navbar-brand {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}