@media (min-width : 992px) {
    .offcanvas {
      visibility      : visible;
      position        : relative;
      background      : none;
      border          : none;
      justify-content : end;
      color           : #555555;
    }
  }
  @media (max-width : 992px) {
    .offcanvas {
      width : 250px !important;
      background:#0C1E7F;
      background: linear-gradient(to bottom, #0C1E7F 12%, #D22779 100%);
    }
    .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;
    }
    .offcanvas .navbar-nav li a.active {
      color: rgb(255, 255, 255) !important;
    }
  }
  nav.bg-transparent .navbar-nav li a {
    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;
  }