/* .navbar {
    position: fixed;
    width: 100%;
    z-index: 9;
  } */
  .menu-large {
    position: static !important;
  }
  .nav-item {
    text-wrap-mode: nowrap;
  }
  .navbar-logo {
    width: 100%;
  }
  .navbar .actv_bg_clr a {
     color: white !important;
  }
  .navbar a {
    font-size: 13px;
  }
  .collapse {
    background: #CCCCCC66;
    backdrop-filter: blur(25px);
    max-width: max-content;
  }


.nav_shimmer {
    background-image: linear-gradient(to right top, #2772e2, #275ec4, #244ba8, #1d388c, #152771);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
    /* animation: glow 1s infinite ;
    transition:0.5s; */
}

@keyframes glow{
  0%{
  box-shadow: 5px 5px 20px rgb(74, 181, 193),-5px -5px 20px rgb(237, 232, 154);}

  50%{
  box-shadow: 5px 5px 20px rgb(209, 205, 145),-5px -5px 20px rgb(186, 237, 252)
  }
  100%{
  box-shadow: 5px 5px 20px rgb(163, 208, 243),-5px -5px 20px rgb(241, 232, 186)
  }
}


.nav_shimmer:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 4s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


.sticky {
    top: 10px;
    justify-self: anchor-center;
    position: fixed;
    width: 100%;
    z-index: 999;
}
  @media (max-width: 1024px) and (min-width: 600px) {
    .navbar {
      .navbar-brand {
        width: 7em!important;
      }
      .navbar-logo {
          width: 100%;
      }
      #navbarText {
        display: block;
      }
      .navbar-nav {
        flex-direction: row;
      }
      .mx-1 {
        margin-right: 0.8rem !important;
        margin-left: 0.8rem !important;
      }
    }
  }
  @media (max-width: 600px) {
    .navbar {
      .navbar-logo {
          width: 40% !important;
      }
      .navbar-toggler{
        background: #e9edefe6;
        padding: 0.5rem !important;
      }
      .offcanvas.offcanvas-end {
        background: #ffffffd6;
      }
    }
  }