/* Add custom CSS styles below */ 
.sidebar-widget-area {
  position: fixed !important;
  top: 0;
  right: 0; /* لو تبينه يسار غيريها إلى left: 0; */
  height: 100vh;
  width: 300px; /* عرض الشريط */
  background: #fff;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  z-index: 9999;
}

/* عند مرور الماوس */
.sidebar-widget-area:hover {
  transform: translateX(0);
}