[data-vertical-style="doublemenu"] {
    @media (min-width: 992px) {

        .app-sidebar {
            @apply w-20 border-e-0;

            .main-sidebar {
                @apply overflow-visible h-full shadow-none mt-0;
            }
            .main-sidebar-header {
                @apply w-20 border-e;
                .header-logo {
                    .toggle-logo {
                        @apply block!;

                    }
                    .desktop-dark,
                    .desktop-logo,.toggle-white,
                    .toggle-dark {
                        @apply hidden!;
                    }
                }
            }
            .main-menu-container {
                @apply mt-[3.75rem];
            }
            .main-menu >.slide {
                @apply py-0 px-[1.2rem];
            }
            .category-name,
            .side-menu__label,
            .side-menu__angle {
                @apply hidden;
            }
            .side-menu__icon {
                @apply me-0;

            }
            .slide__category {
                @apply hidden;

            }
            .simplebar-content-wrapper {
                position: initial;
            }
            .simplebar-mask {
                position: inherit;

            }
            .simplebar-placeholder {
                @apply h-auto! ;
            }
        }
        .app-header {
            @apply ps-[17rem];
        }
        .content  {
            @apply ms-[17rem];
        }
        .slide.has-sub .slide-menu {
            @apply  bg-white dark:bg-bodybg absolute start-2 shadow-none transition-none h-full end-0 rounded-md border-e border-e-white/10  ;
            &.child2,
            &.child3 {
                @apply start-0! relative! h-auto! top-0!;
                .slide {
                    &:nth-child(2) {
                        @apply pt-[0rem];
                    }
                }
            }
        }
        .slide-menu {
            &.child1,
            &.child2,
            &.child3 {
                .slide {
                    @apply ps-0;
                    .side-menu__item {
                        @apply text-start;
                        &:before {
                            @apply top-[0.938rem] start-[0.75rem];
                        }
                    }
                }
                .side-menu__angle {
                    @apply block end-4 top-[0.65rem];

                }
            }
            &.child2,&.child3 {
                @apply min-w-[10rem];
            }
            &.child1 {
                @apply min-w-[12rem];
                .slide {
                    &:nth-child(2) {
                        @apply pt-3;
                    }
                }
            }
        }
        .side-menu__label1 {
            @apply block! text-[0.938rem]! font-medium! text-white! py-5! px-3! w-48! h-[3.75rem]! border-b! border-b-white/10!;
        }
        .slide-menu {
            @apply hidden ;

            &.double-menu-active {
                @apply visible! block! h-full! absolute! top-0! rounded-none! border-t-0! overflow-y-hidden! overflow-x-scroll!;

            }
        }
        &[class="light"] {
            &[data-menu-styles="dark"],&[data-menu-styles="color"],&[data-menu-styles="gradient"] {
                .app-sidebar .main-sidebar-header {
                    .header-logo {
                        .desktop-logo,.desktop-dark,.toggle-logo,.toggle-dark {
                            @apply hidden!;
                        }
                        .toggle-white {
                            @apply block!;
                        }
                    }
                }
            }
            &[data-menu-styles="transparent"] {
                .app-sidebar .main-sidebar-header {
                    .header-logo {
                        .desktop-logo,.desktop-dark,.toggle-logo,.toggle-white {
                            @apply hidden!;
                        }
                        .toggle-logo {
                            @apply block!;
                        }
                    }
                }
            }
        }
        &.dark {
            .app-sidebar .main-sidebar-header {
                .header-logo {
                    .desktop-logo,.desktop-dark,.toggle-logo,.toggle-white {
                        @apply hidden!;

                    }
                    .toggle-dark {
                        @apply block!;

                    }
                }
            }
            &[data-menu-styles="light"] {
                .app-sidebar .main-sidebar-header {
                    .header-logo {
                        .desktop-logo,.desktop-dark,.toggle-dark,.toggle-white {
                            @apply hidden!;

                        }
                        .toggle-logo {
                            @apply block!;

                        }
                    }
                }
            }
            &[data-menu-styles="dark"],&[data-menu-styles="color"],&[data-menu-styles="gradient"],&[data-menu-styles="transparent"]  {
                .app-sidebar .main-sidebar-header {
                    .header-logo {
                        .desktop-logo,.desktop-dark,.toggle-dark,.toggle-logo {
                            @apply hidden!;

                        }
                        .toggle-white {
                            @apply block!;

                        }
                    }
                }
            }
            &[data-page-style="classic"] {
                .slide.has-sub .slide-menu {
                    @apply border-e border-e-white/10;
                }
            }
        }
        &[data-toggled="double-menu-close"] {
            .app-header{
                @apply ps-20;

            }
            .content  {
                @apply ms-20;

            }
            .app-sidebar {
                .slide.has-sub .slide-menu {
                    @apply hidden!;

                }
                .main-sidebar {
                    @apply shadow-defaultshadow;
                }
            }
        }
        &[data-toggled="double-menu-open"] {
            .app-sidebar .main-sidebar {
                .slide.side-menu__label1 {
                    @apply border-e border-e-white/10;
                }
            }
        }
    }
}