#wsButtonMenu {
      position: absolute;
      top: 50%;
      left: 40px;
      transform: translate(-50%, -50%);
      font-size: clamp(0.9rem, 2vw, 0.9rem);
    }

    #wsMenuBar {
      position: fixed;
      top: 65;
      left: -280px; 
      width: 250px;
      bottom: 20%;
      background: #303030;
      color: white;
      overflow: hidden;
      box-shadow: 2px 0 5px rgba(0,0,0,0.5);
      transition: left 0.8s ease;
      z-index: 1000;
      font-size: clamp(0.9rem, 2vw, 0.9rem);
      font-family: Arial, Helvetica, sans-serif;
      overflow-y: scroll; /* Enables vertical scrolling */
    }

    #wsMenuBar a {
      display: block;
      padding: 1rem;
      color: white;
      text-decoration: none;
    }

    #wsMenuBar.active {
      left: 0; 
    }

    #wsMenuHeader {
      position: relative;
      width:100%;
      left:0px;
      background-color: #414141;
      height:35px;
      padding-left:15px ;
      display: flex;  
      align-items: center;
      border-left:5px solid #fd9504;
    }
    
    #wsMenulink {
      position: relative;
      width:100%;
      left:0px;
      background-color: ##303030;
      height:35px;
      padding-left: 25px ;
      display: flex;  
      align-items: center;
    }
    #wsMenulink a {
      color:#FFFFFF;
      font-size: clamp(0.8rem, 2vw, 0.8rem);

    }
    #wsMenulink a:hover {
      color:#fd9504;
    }

  * {
      scrollbar-width: auto;
      scrollbar-color: #fd9504 #303030;
    }

    *::-webkit-scrollbar {
      width: 14px;
    }

    *::-webkit-scrollbar-track {
      background: #000000;
    }

    *::-webkit-scrollbar-thumb {
      background-color: #fd9504;
      border-radius: 10px;
      border: 3px solid #1c1c1c;
    }

    .wsaccordion {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      border:none;
      overflow: hidden;
      font-family: sans-serif;
    }

    .wsaccordion-item {
      border-bottom: none;
    }
    .wsaccordion-item:last-child {
      border-bottom: none;
    }
    .wsaccordion-item input {
      display: none;
    }

    .wsaccordion-item label {
      display: block;
      width:100%;
      left:0px;
      background-color: #414141;
      height:35px;
      padding-left:15px ;
      display: flex;  
      align-items: center;
      border-left:5px solid #fd9504;
    }
    .wsaccordion-item label:hover {
      background: #484848;
    }
    .wsaccordion-item .content {
      max-height: 0;
      overflow: hidden;
      padding: 0;
      background: #303030;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }
    .wsaccordion-item input:checked ~ .content {
      max-height: 200px; /* Adjust based on content */
      padding:0;
    }