.mobile-bottom-nav {
    display: none;
  }
  
  @media (max-width: 990px) {
    .mobile-bottom-nav {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      will-change: transform;
  
      display: flex;
      height: 50px;
      /* box-shadow: 0 -2px 5px -2px #333;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08); */
      background-color: #fff;
      justify-content: space-between;
      padding: 0 1rem;
      box-shadow: 0px 0px 10px 0px gainsboro;
    }
    .mobile-bottom-nav__item {
      text-align: center;
      font-size: 12px;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .mobile-bottom-nav__item-content > svg {
      margin-bottom: 0.12em;
      fill: #585858;
    }
    .mobile-bottom-nav__item {
      font-family: "Outfit", sans-serif;
      font-size: 11px;
      color: #564d4d;
    }
  }
  
  .active {
    font-weight: 500;
    color: #251a1a;
  }
  .mobile-bottom-nav__item .text_box{
    font-weight: 300;
  
  }
  
  .active svg{
    fill: #5a57bc;
  }
  .active .text_box{
    color: #5a57bc;
  }
  .mobile-bottom-nav__item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.6s;
  }
  .active .mobile-bottom-nav__item-content svg{
    scale: 1.3;
  }
  /* .active  .text_box{
    font-weight: 500;
  } */