@media (min-width: 1024px) {
    .fi-layout {
        height: 100vh !important;
        overflow: hidden !important;
    }
    .fi-sidebar {
        position: fixed !important;
        top: 0; bottom: 0; left: 0;
        height: 100vh !important;
        z-index: 30;
    }
    .fi-sidebar-nav {
        overflow-y: hidden !important;
        height: calc(100vh - 4rem) !important;
    }
    .fi-main-ctn {
        margin-left: var(--sidebar-width, 20rem) !important;
        height: 100vh !important;
        overflow-y: auto !important;
        display: flex;
        flex-direction: column;
    }
}