.mobile-btm-menu {
    display: none; /* Hidden by default */
    overflow: hidden;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 12px;
      border-top-right-radius: 12px;
  }

  .mobile-btm-menu a {
    flex: 1; /* Makes the buttons equally spaced */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #6A6A6A;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-family: futura;
    font-size: 14px;
    /* border: 1px solid #000; */
  }

  .mobile-btm-menu a i {
        font-size: 20px; /* Icon size */
          margin-bottom: 4px; /* Adjust spacing between icon and text */
          color: inherit; /* Inherit color from parent */
          transition: color 0.3s ease; /* Smooth color transition on hover */
      }

      .mobile-btm-menu a span {
          font-size: 12px; /* Adjust font size for the label text */
          color: inherit; /* Inherit color from parent */
          transition: color 0.3s ease; /* Smooth color transition on hover */
      }


  .mobile-btm-menu a:hover {
    background: #f1f1f1;
    color: black;
  }

  .mobile-btm-menu a.active {
    background-color: #fff;
    color: #3B5190;
  }

  .messages-page.show-sidebar,
  .messages-page.show-main-overlay {
      display: none;
  }

  .chat-page {
    height: calc(100vh - 300px);
    overflow-y: scroll;
  }

  .chat-textarea {
    border-radius: 25px;
    max-height: 200px;
    width: 80%;
    resize: none;
    overflow: hidden;
    /* overflow-y: scroll; */
    bottom: 25px !important;
    position: absolute !important;
  }

  /* Show the menu only on mobile devices */
  @media (max-width: 768px) {
    .mobile-btm-menu {
        display: flex; /* Make it visible */
    }
    .messages-page.show-sidebar {
        display: block;
        /* your sidebar styles */
    }
    .messages-page.show-main-overlay {
        display: block;
        /* your overlay styles */
    }
    .chat-page {
      height: calc(100vh - 360px);
      overflow-y: scroll;
    }

    .chat-textarea {
      border-radius: 25px;
      max-height: 200px;
      width: 70%;
      resize: none;
      /* overflow: hidden; */
      overflow-y: scroll;
      bottom: 25px !important;
      position: absolute !important;
    }
    
  }
  /* .mobile-btm-menu{
      position: fixed !important;
  } */