.login-card {
  background: linear-gradient(
    310deg,
    rgba(33, 82, 255, 0.2) 0%,
    rgba(33, 212, 253, 0.2) 100%
  ); /* gradient with transparency */

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);

  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}


.sidenav{
      background: linear-gradient(
    310deg,
    rgba(33, 82, 255, 0.4) 0%,
    rgba(33, 212, 253, 0.4) 100%
  ); /* gradient with transparency */

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);

  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active{
    background: linear-gradient(
    310deg,
    rgba(33, 82, 255, 0.6) 0%,
    rgba(33, 212, 253, 0.6) 100%
  ); 
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon{
    background: linear-gradient(
    310deg,
    rgba(33, 82, 255, 0.6) 0%,
    rgba(33, 212, 253, 0.6) 100%
  );
}

.close-btn{
  color: #000 !important;
}