/*your custom css goes here*/ 
@media (max-width: 991px) {
    .aiz-top-menu-sidebar {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 250px !important;
        height: 100% !important;
        background: #fff;
        z-index: 1040 !important;
    }
    .aiz-top-menu-sidebar a {
        pointer-events: auto !important;
        opacity: 1 !important;
        display: block;
        padding: 10px 15px; /* Adds internal padding for better tap area */
        position: relative;
        width: 100%; /* Ensures full width for tap area */
    }
    .aiz-top-menu-sidebar a::before {
        content: '';
        position: absolute;
        top: -15px; /* Increased from -10px to cover more area */
        left: -15px; /* Increased from -10px */
        right: -15px; /* Increased from -10px */
        bottom: -15px; /* Increased from -10px */
        z-index: 0;
    }
    .aiz-top-menu-sidebar a svg, /* Targets SVG icons */
    .aiz-top-menu-sidebar a i { /* Targets <i> icons */
        pointer-events: auto !important; /* Ensures icons are clickable */
        position: relative;
        z-index: 1; /* Keeps icons above the ::before layer */
    }
    .overlay {
        display: block !important;
    }
}