@media (min-width : 992px) {
    .offcanvas {
      visibility      : visible;
      position        : relative;
      background      : none;
      border          : none;
      justify-content : end;
      color           : #555555;
    }
  }

@media(max-width : 992px){
  nav li.nav-item.active>a{
    color:white!important;
}
}

  @media (max-width : 992px) {
    .offcanvas {
      min-width : 250px !important;
      background:rgb(205, 18, 97);
      height:100vh;

    }
    .offcanvas-start-lg {
      top          : 0;
      left         : 0;
      border-right : 1px solid rgba(0, 0, 0, .2);
      transform    : translateX(-100%);
    }
  
  }
  @media (max-width : 992px) {
    .offcanvas .navbar-nav li a {
      /* color: rgb(255, 255, 255) !important; */
      color: black;
    }
    .offcanvas .navbar-nav li a.active {
      color: rgb(255, 255, 255) !important;
    }
  }
 
  .navbar-dark .navbar-nav li a {
    color: rgb(255, 255, 255) !important;
  }
  /* .offcanvas .navbar-nav li a:hover {
    color: rgb(255, 255, 255) !important;
  } */
  .offcanvas-header{
    height:30px;
    padding-top:50px;
  }

  /* .offcanvas-header .text-reset{
    color:#ffffff!important;
  } */