/****************************** HEADER MENU  **************************/

/* Hide nav items initially */
.al-header .sm-nav-items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

/* Show with smooth transition */
.al-header .mob-nav .show {
  max-height: 1000px; /* or some large enough value */
  transition: max-height 0.5s ease-in-out;
}


/****************************** REGISTRATION FORM   **************************/


.msg-box {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 10;
  }

  .msg-box span{
   background-color: #00b6be;
  }

  .msg-box.show {
    opacity: 1;
    transform: translateY(-100%);
    display: flex !important;
  }