.sticky-nav {
    position: sticky !important;
    top: 200px !important;
}
.scroll-top-6{
    scroll-margin-top: 6em !important;
}
#scroll-content.scroll{
    position: fixed  !important;
    padding-left: 0%;
    top: 0;
    padding-top: 5%;
    
 }
 @media screen and (min-width: 0px) and (max-width: 992px) {
    #collapseDisplay {
      display: block;
      /* position: absolute;
      margin-top: -7%; */
    }
  
    #fullDisplay {
      display: none;
    }
  
    /* show it on small screens */
  
    .widget.widget-size-75 {
      width: 100% !important;
      float: left !important;
    }
    .widget.widget-size-66 {
      width: 100% !important;
      float: left !important;
    }
    .widget.widget-size-50 {
      width: 100% !important;
      float: left !important;
    }
    .widget.widget-size-33 {
      width: 100% !important;
      float: left !important;
    }
    .widget.widget-size-25 {
      width: 100% !important;
      float: left !important;
    }
  }
  
  
  @media screen and (min-width: 992px) {
    #collapseDisplay {
      display: none;
    }
  
    #fullDisplay {
      display: block;
    }
  
    /* hide it elsewhere */
  }
  .btn-toggle {
    background-color: transparent;
  }
  
  .btn-toggle:focus {
    box-shadow: 0px 0px !important;
  }
  
  #collapseSubMenu>.card:hover {
    box-shadow: unset;
  }
  
  #collapseMenu>.card:hover {
    box-shadow: unset;
  }
  a>.collapse-active{
    color: var(--dark1) !important;
    cursor: pointer !important;
    letter-spacing: 0.01em;
    transition: all 0.3s;
    text-decoration: none !important;
    font-weight: 500;
  }
  #scroll-content>.container>.row>#content::-webkit-scrollbar {
    display: none;
}

#scroll-content .scroll-nav-title,
#scroll-content .scroll-nav-item {
    font-family: var(--noto-serif) !important;
}