.sidebar { 
    background-color: #f8f9fa;
    padding: 10px; 
}

.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-item { 
    cursor: pointer;
    position: relative;
}

.submenu {
    list-style-type: none;
    padding-left: 20px;
    display: none; /* Initially hide submenus */
}

.submenu-item { 
    cursor: pointer;
}

.sub-submenu {
    list-style-type: none;
    padding-left: 20px;
    display: none; /* Initially hide sub-submenus */
}

.sub-submenu-item {
 
    cursor: pointer;
}

.submenu.active,
.sub-submenu.active,
.sub-submenu-item.active {
    display: block !important;  
}

.menu-item:has(.actived)  .menu-a {
    color: #1357A0 !important; 
  }
 .submenu-item:has(.activ)  .item-a {
    color: #1357A0 !important; 
  }
.sub-submenu-item.act{
    color: #1357A0 !important; 
}
.menu-icon{
    transition: transform 0.3s;
}
.rotate-90{
    transform: rotate(90deg);
}
.submenuname a{
    color: #1357A0 !important; 
}


.productList-slide {
    background: linear-gradient(to bottom, #fff, #fff);
    color: #333333;
  }
.productList-slide:hover {
    background: linear-gradient(to bottom, #1357A0, #fff);
    color: #ffffff;
  }
 


  button:disabled {
    opacity: 0.2; 
  }


  
  .technical.active{
    background-color: #1357A0;
    color: #fff;
  }