@media (min-width: 992px) {
    [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__item {
        display: flex !important;
        padding-top: .93rem;
        padding-inline-end: 1.75rem;
        padding-bottom: .93rem;
        padding-inline-start: .75rem
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__icon {
        margin-block-end: 0 !important;
        margin-inline-end: .35rem !important
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__angle {
        display: block !important
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide.has-sub .slide-menu {
        inset-inline-start: auto !important
    }

        [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.active {
            inset-inline-start: auto !important;
            inset-inline-end: auto !important
        }

        [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.child1 {
            inset-block-start: 100% !important;
            inset-inline-start: auto !important
        }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .app-header {
        padding-inline-start: 9.5rem
    }
}

[data-nav-style=menu-click][data-toggled=menu-click-closed] .app-header {
    padding-inline-start: 9.5rem
}

@media (min-width: 992px) {
    [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed]  {
        border-inline-end: 1px solid var(--menu-border-color);
        position: absolute
    }

        [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed]  .side-menu__item {
            border-radius: .5rem;
            margin: .25rem .25rem 0 !important
        }

            [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed]  .side-menu__item:last-child {
                margin: .25rem !important
            }

        [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed]  .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed]  .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed]  .slide .slide-menu.child3 {
            border-radius: 0 .5rem .5rem 0
        }

    [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl]  .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl]  .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl]  .slide .slide-menu.child3 {
        border-radius: .5rem 0 0 .5rem
    }
}

@media (min-width: 992px) {
    .menu-click , [data-nav-style=menu-click][data-nav-layout=horizontal] , [data-nav-style=menu-click][data-toggled=menu-click-closed]  {
        width: 9.5rem
    }

        .menu-click  .main-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal]  .main-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar {
            overflow: visible;
            height: 90%
        }

        .menu-click  .main-sidebar-header, [data-nav-style=menu-click][data-nav-layout=horizontal]  .main-sidebar-header, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header {
            width: 9.5rem;
            height: 4rem
        }

        .menu-click  .side-menu__icon, [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__icon, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .side-menu__icon {
            margin-inline-end: 0;
            margin-block-end: .5rem
        }

        .menu-click  .slide, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide {
            padding: 0
        }

        .menu-click  .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child1, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child1, .menu-click  .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child2, .menu-click  .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child3 {
            min-width: 12rem
        }

            .menu-click  .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child1 .slide .side-menu__item, .menu-click  .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child2 .slide .side-menu__item, .menu-click  .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child3 .slide .side-menu__item {
                text-align: start
            }

                .menu-click  .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child1 .slide .side-menu__item:before, .menu-click  .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child2 .slide .side-menu__item:before, .menu-click  .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child3 .slide .side-menu__item:before {
                    inset-block-start: .45rem;
                    inset-inline-start: .75rem
                }

            .menu-click  .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child1 .side-menu__angle, .menu-click  .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child2 .side-menu__angle, .menu-click  .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child3 .side-menu__angle {
                display: block;
                inset-inline-end: 1rem;
                inset-block-start: .65rem
            }

            .menu-click  .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-click  .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child1 .slide.side-menu__label1, .menu-click  .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-click  .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child2 .slide.side-menu__label1, .menu-click  .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-click  .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide-menu.child3 .slide.side-menu__label1, .menu-click  .slide__category, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide__category, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide__category, .menu-click  .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .side-menu__angle {
                display: none
            }

        .menu-click  .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .side-menu__item, .menu-click  .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal]  .side-menu__label, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .side-menu__label {
            display: block;
            text-align: center
        }

        .menu-click  .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu {
            position: absolute !important;
            inset-inline-start: 9.5rem !important;
            background: var(--menu-bg);
            inset-block-start: auto !important;
            box-shadow: .125rem .063rem .5rem var(--black-1);
            transition: none !important
        }

            .menu-click  .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child2, .menu-click  .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child3 {
                inset-inline-start: 10.5rem !important
            }

        .menu-click  .simplebar-content-wrapper, [data-nav-style=menu-click][data-nav-layout=horizontal]  .simplebar-content-wrapper, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .simplebar-content-wrapper {
            position: static
        }

        .menu-click  .simplebar-mask, [data-nav-style=menu-click][data-nav-layout=horizontal]  .simplebar-mask, [data-nav-style=menu-click][data-toggled=menu-click-closed]  .simplebar-mask {
            position: inherit
        }

    .menu-click .app-content, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-content, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-content {
        margin-inline-start: 9.5rem
    }
}

@media (max-width: 991.98px) {
    .menu-click , [data-nav-style=menu-click][data-nav-layout=horizontal] , [data-nav-style=menu-click][data-toggled=menu-click-closed]  {
        width: 15rem
    }
}

@media (min-width: 992px) {
    [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__item {
        display: flex !important;
        padding-top: .93rem;
        padding-inline-end: 1.75rem;
        padding-bottom: .93rem;
        padding-inline-start: .75rem
    }

    [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__icon {
        margin-block-end: 0 !important;
        margin-inline-end: .35rem !important
    }

    [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__angle {
        display: block !important
    }

    [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.active {
        inset-inline-start: auto !important;
        inset-inline-end: auto !important
    }

    [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.child1 {
        inset-block-start: 100% !important;
        inset-inline-start: auto !important
    }
}

@media (min-width: 992px) {
    [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed]  {
        position: absolute;
        border-inline-end: 1px solid var(--menu-border-color)
    }

        [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed]  .side-menu__item {
            border-radius: .5rem;
            margin: .25rem .25rem 0 !important
        }

            [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed]  .side-menu__item:last-child {
                margin: .25rem !important
            }

        [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed]  .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed]  .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed]  .slide .slide-menu.child3 {
            border-radius: 0 .5rem .5rem 0
        }

    [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl]  .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl]  .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl]  .slide .slide-menu.child3 {
        border-radius: .5rem 0 0 .5rem
    }
}

@media (min-width: 992px) {
    .menu-hover , [data-nav-style=menu-hover][data-nav-layout=horizontal] , [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  {
        width: 9.5rem
    }

        .menu-hover  .main-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .main-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar {
            overflow: visible;
            height: 90%
        }

        .menu-hover  .main-sidebar-header, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .main-sidebar-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header {
            width: 9.5rem;
            height: 4rem
        }

        .menu-hover  .side-menu__icon, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__icon, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .side-menu__icon {
            margin-inline-end: 0;
            margin-block-end: .5rem
        }

        .menu-hover  .slide, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide {
            padding: 0
        }

        .menu-hover  .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child1, .menu-hover  .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child2, .menu-hover  .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child3 {
            min-width: 12rem;
            display: none !important
        }

            .menu-hover  .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child1 .slide .side-menu__item, .menu-hover  .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child2 .slide .side-menu__item, .menu-hover  .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child3 .slide .side-menu__item {
                text-align: start
            }

                .menu-hover  .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child1 .slide .side-menu__item:before, .menu-hover  .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child2 .slide .side-menu__item:before, .menu-hover  .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child3 .slide .side-menu__item:before {
                    inset-inline-start: .75rem
                }

            .menu-hover  .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-hover  .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child1 .slide.side-menu__label1, .menu-hover  .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-hover  .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child2 .slide.side-menu__label1, .menu-hover  .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-hover  .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child3 .slide.side-menu__label1 {
                display: none
            }

        .menu-hover  .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub:hover .slide-menu.child1, .menu-hover  .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, .menu-hover  .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3 {
            display: block !important
        }

        .menu-hover  .slide__category, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide__category, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide__category, .menu-hover  .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .side-menu__angle {
            display: none
        }

        .menu-hover  .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child1 .side-menu__angle, .menu-hover  .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child2 .side-menu__angle, .menu-hover  .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide-menu.child3 .side-menu__angle {
            display: block;
            inset-inline-end: 1rem;
            inset-block-start: .65rem
        }

        .menu-hover  .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .side-menu__item, .menu-hover  .side-menu__label, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .side-menu__label, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .side-menu__label {
            display: block;
            text-align: center
        }

        .menu-hover  .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu {
            position: absolute !important;
            /*inset-inline-start: 9.5rem !important;*/
            background: var(--menu-bg);
            inset-block-start: auto !important;
            box-shadow: .125rem .063rem .5rem var(--black-1);
            transition: none !important
        }

            .menu-hover  .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child2, .menu-hover  .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child3 {
                inset-inline-start: 10.5rem !important
            }

        .menu-hover  .simplebar-content-wrapper, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .simplebar-content-wrapper, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .simplebar-content-wrapper {
            position: static
        }

        .menu-hover  .simplebar-mask, [data-nav-style=menu-hover][data-nav-layout=horizontal]  .simplebar-mask, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .simplebar-mask {
            position: inherit
        }

    .menu-hover .app-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-header {
        padding-inline-start: 9.5rem
    }

    .menu-hover .app-content, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-content, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-content {
        margin-inline-start: 9.5rem
    }
}

.main-sidebar {
    margin-block-start: 3.8rem;
    padding-block-start: .9rem;
    padding-block-end: 5rem;
    height: 100vh;
    position: relative;
    overflow: auto
}

[dir=rtl] .sidemenu-toggle .header-link .header-link-icon {
    transform: rotate(180deg)
}

 

     .main-sidebar-header {
        width: 15rem;
        position: fixed;
        display: flex;
        background: var(--menu-bg);
        z-index: 9;
        align-items: center;
        justify-content: center;
        padding: .813rem 1.25rem;
        border-inline-end: 1px solid var(--menu-border-color);
        border-block-end: 1px solid var(--menu-border-color);
        transition: all .05s ease
    }

         .main-sidebar-header .header-logo img {
            line-height: 2rem
        }

         .main-sidebar-header .header-logo .desktop-logo {
            display: block
        }

         .main-sidebar-header .header-logo .desktop-dark,  .main-sidebar-header .header-logo .toggle-logo,  .main-sidebar-header .header-logo .toggle-dark,  .main-sidebar-header .header-logo .desktop-white,  .main-sidebar-header .header-logo .toggle-white {
            display: none
        }

     .slide__category {
        color: var(--menu-prime-color);
        font-size: .718rem;
        font-weight: 500;
        letter-spacing: .031rem;
        text-transform: uppercase;
        padding: .75rem .93rem .2rem;
        white-space: nowrap;
        opacity: .5;
        position: relative
    }

     .slide {
        margin: 0;
        padding: 0rem .75rem
    }

     .side-menu__item {
        padding: .75rem;
        position: relative;
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: .78rem;
        color: var(--menu-prime-color);
        font-weight: 400;
        border-radius: .688rem
    }

         .side-menu__item.active,  .side-menu__item:hover,  .side-menu__item.active .side-menu__label,  .side-menu__item.active .side-menu__angle,  .side-menu__item:hover .side-menu__label,  .side-menu__item:hover .side-menu__angle {
            color: var(--menu-prime-color)
        }

             .side-menu__item.active .side-menu__icon,  .side-menu__item:hover .side-menu__icon {
                fill: var(--menu-prime-color);
                color: var(--menu-prime-color)
            }

     .slide-menu.child1 .side-menu__item.active,  .slide-menu.child2 .side-menu__item.active,  .slide-menu.child3 .side-menu__item.active {
        background-color: transparent
    }

.slide-menu {
    padding: 0rem;
    margin-top: 50px;
}

         .slide-menu.child1 .side-menu__item,  .slide-menu.child2 .side-menu__item {
            padding: .45rem 1.6rem
        }

             .slide-menu.child1 .side-menu__item:before,  .slide-menu.child2 .side-menu__item:before,  .slide-menu.child3 .side-menu__item:before {
                content: "";
                font-family: typicons;
                font-style: normal;
                font-weight: 400;
                text-decoration: inherit;
                position: absolute;
                font-size: .75rem;
                inset-inline-start: .1rem;
                opacity: .4;
                margin-inline-end: 1.375rem
            }

             .slide-menu.child1 .side-menu__item:hover,  .slide-menu.child2 .side-menu__item:hover,  .slide-menu.child3 .side-menu__item:hover {
                color: var(--menu-prime-color)
            }

                 .slide-menu.child1 .side-menu__item:hover:before,  .slide-menu.child2 .side-menu__item:hover:before,  .slide-menu.child3 .side-menu__item:hover:before {
                    opacity: 1
                }

             .slide-menu.child1 .side-menu__item.active:before,  .slide-menu.child2 .side-menu__item.active:before,  .slide-menu.child3 .side-menu__item.active:before {
                opacity: 1
            }

         .slide-menu.child1 li,  .slide-menu.child2 li,  .slide-menu.child3 li {
            padding: 0;
            padding-inline-start: 0.5rem;
            position: relative
        }

            .slide-menu.child1 li:hover {
                background-color: #d4d6ff;
            }
     .side-menu__label {
        white-space: nowrap;
        color: var(--menu-prime-color);
        position: relative;
        font-size: .875rem;
        line-height: 1;
        vertical-align: middle
    }

     .side-menu__icon {
        margin-inline-end: 1.2rem;
        width: 1.15rem;
        height: 1.15rem;
        font-size: 1.063rem;
        text-align: center;
        color: var(--menu-prime-color);
        fill: var(--menu-prime-color);
        border-radius: .688rem
    }

     .side-menu__angle {
        transform-origin: center;
        position: absolute;
        inset-inline-end: .75rem;
        font-size: .75rem;
        color: var(--menu-prime-color);
        transition: all .05s ease
    }

     .slide.side-menu__label1 {
        display: none
    }

.horizontal-logo {
    padding: .85rem 0rem
}

.slide.has-sub .slide-menu {
    transform: translate(0) !important;
    visibility: visible !important
}

.nav ul li {
    list-style-type: none
}

.nav > ul {
    padding-inline-start: 0px
}

.slide-menu {
    display: none
}

.slide.has-sub {
    display: grid
}

    .slide.has-sub.open > .side-menu__item .side-menu__angle {
        transform: rotate(90deg)
    }

@media (min-width: 992px) {
    [data-toggled=open] .page {
        position: absolute
    }
}

@media (max-width: 991.98px) {
    .horizontal-logo .header-logo .desktop-logo, .horizontal-logo .header-logo .desktop-dark, .horizontal-logo .header-logo .toggle-dark, .horizontal-logo .header-logo .desktop-white, .horizontal-logo .header-logo .toggle-white {
        display: none
    }

    .horizontal-logo .header-logo .toggle-logo {
        display: block
    }

    .main-content {
        padding-block-start: 3.75rem
    }

    .main-sidebar-header {
        display: none !important
    }

    .main-sidebar {
        margin-block-start: 0
    }

     {
        inset-block-start: 0
    }
}

.slide-left, .slide-right {
    display: none
}

[data-nav-layout=vertical] .slide.has-sub.active > .side-menu__item {
    margin-block: .25rem
}

@media (min-width: 992px) {
    .horizontal-logo {
        display: none
    }
}

#responsive-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background-color: #0f172a80;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .1s
}

    #responsive-overlay.active {
        visibility: visible
    }

@media (min-width: 992px) {
    [data-nav-layout=horizontal][data-nav-style=menu-click]  .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=menu-click]  .slide.has-sub .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=menu-hover]  .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=menu-hover]  .slide.has-sub .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-click]  .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-click]  .slide.has-sub .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover]  .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover]  .slide.has-sub .slide-menu.child3 {
        inset-inline-start: 12rem !important
    }
}

[data-menu-styles=dark][data-nav-layout=vertical]  .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .side-menu__item {
    color: #fff6
}

    [data-menu-styles=dark][data-nav-layout=vertical]  .side-menu__item .side-menu__label, [data-menu-styles=color][data-nav-layout=vertical]  .side-menu__item .side-menu__label, [data-menu-styles=gradient][data-nav-layout=vertical]  .side-menu__item .side-menu__label {
        transition: margin-left .45s ease
    }

    [data-menu-styles=dark][data-nav-layout=vertical]  .side-menu__item:hover .side-menu__label, [data-menu-styles=color][data-nav-layout=vertical]  .side-menu__item:hover .side-menu__label, [data-menu-styles=gradient][data-nav-layout=vertical]  .side-menu__item:hover .side-menu__label {
        margin-inline-start: 5px;
        transition: margin-inline-start .45s ease
    }

[data-menu-styles=dark][data-nav-layout=vertical]  .slide__category, [data-menu-styles=color][data-nav-layout=vertical]  .slide__category, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide__category {
    color: #ffffff4d;
    opacity: 1
}

[data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item:before, [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item:before, [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item:before, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item:before, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item:before, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item:before {
    color: #fffc
}

[data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item.active, [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item.active, [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item.active, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item.active, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item.active, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item.active, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item.active, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item.active, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item.active {
    color: #fff
}

    [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child1 .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child2 .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .slide-menu.child3 .side-menu__item.active:before {
        color: #fff;
        opacity: 1 !important
    }

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide:not(.slide-menu), [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide:not(.slide-menu), [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide:not(.slide-menu) {
    padding: 0
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .side-menu__item {
    font-size: .875rem
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 {
    padding-inline-start: 1.2rem
}

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 .side-menu__item {
        font-size: .813rem
    }

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2 .slide .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 .slide .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2 .slide .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 .slide .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child2 .slide .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child3 .slide .side-menu__item {
        background-color: transparent
    }

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .side-menu__item {
        font-size: .813rem
    }

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item {
        background-color: transparent
    }

        [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:after {
            content: none
        }

        [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:before {
            content: "";
            font-family: typicons;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            position: absolute;
            font-size: .75rem;
            inset-inline-start: .1rem;
            opacity: .4;
            margin-inline-end: 1.375rem
        }

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .side-menu__angle, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .side-menu__angle, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .side-menu__angle {
    inset-inline-end: 1.2rem
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .main-menu, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .main-menu, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .main-menu {
    padding-inline-start: 15px
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item {
    background-color: var(--sidemenu-active-bgcolor);
    padding: .25rem;
    position: relative;
    z-index: 1;
    margin: 12px auto;
    text-align: center;
    border-start-start-radius: 30px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 30px;
    margin-inline-start: 0;
    border: 0px solid transparent;
    border-inline-end: 0px;
    width: 100%
}

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active {
        margin-block-end: 15px
    }

        [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active:before {
            content: "";
            position: absolute;
            top: -30px;
            z-index: 9;
            inset-inline-end: 0px;
            bottom: 0;
            height: 30px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-bottom: transparent;
            border-start-start-radius: 0;
            border-start-end-radius: 0;
            border-end-end-radius: 48px;
            border-end-start-radius: 0;
            border-inline-end: 20px solid var(--menu-bg)
        }

        [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active:after {
            content: "";
            position: absolute;
            top: 43px;
            z-index: 0;
            inset-inline-end: 0px;
            bottom: 0;
            height: 30px;
            border-top-color: transparent;
            border-left-color: transparent;
            border-bottom: transparent;
            border-start-start-radius: 0;
            border-start-end-radius: 48px;
            border-end-end-radius: 0;
            border-end-start-radius: 0;
            border-inline-end: 20px solid var(--menu-bg)
        }

        [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active .shape1 {
            position: absolute;
            top: -30px;
            width: 20px;
            height: 60px;
            inset-inline-end: 0px;
            background: var(--sidemenu-active-bgcolor)
        }

        [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active > .side-menu__item.active .shape2 {
            position: absolute;
            top: 35px;
            width: 20px;
            height: 30px;
            inset-inline-end: 0px;
            background: var(--sidemenu-active-bgcolor)
        }

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active .side-menu__icon {
    font-size: 18px;
    line-height: 0;
    margin-inline-end: 10px;
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 5px 10px #0003;
    color: #fff;
    background-color: var(--primary-color)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.active .side-menu__label {
    color: var(--primary-color)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .side-menu__angle {
    color: var(--primary-color);
    inset-block-start: 1rem
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before {
    content: "";
    position: absolute;
    top: -30px;
    z-index: 9;
    inset-inline-end: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 20px solid var(--menu-bg)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:after {
    content: "";
    position: absolute;
    top: 43px;
    z-index: 0;
    inset-inline-end: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 48px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-inline-end: 20px solid var(--menu-bg)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1 {
    position: absolute;
    top: -30px;
    width: 20px;
    height: 60px;
    inset-inline-end: 0px;
    background: var(--sidemenu-active-bgcolor)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2 {
    position: absolute;
    top: 35px;
    width: 20px;
    height: 30px;
    inset-inline-end: 0px;
    background: var(--sidemenu-active-bgcolor)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide > .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide > .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide > .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide > .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide > .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide > .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide > .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide > .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide > .side-menu__item {
    padding: .45rem 1.6rem;
    margin: 0;
    display: inline-flex;
    align-items: flex-start
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:before {
    content: "";
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: .75rem;
    inset-inline-start: .1rem;
    opacity: 1;
    margin-inline-end: 1.375rem;
    inset-block-start: inherit;
    z-index: inherit;
    inset-inline-end: inherit;
    bottom: inherit;
    height: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 0px solid var(--menu-bg)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:after {
    display: none
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active .side-menu__angle {
    color: var(--menu-prime-color)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:before {
    content: "";
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: .75rem;
    inset-inline-start: .1rem;
    opacity: .4;
    margin-inline-end: 1.375rem;
    inset-block-start: inherit;
    z-index: inherit;
    inset-inline-end: inherit;
    bottom: inherit;
    height: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 0px solid var(--menu-bg)
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:after {
    display: none
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after {
    display: none
}

[data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before {
    content: "";
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: .75rem;
    inset-inline-start: .1rem;
    margin-inline-end: 1.375rem;
    inset-block-start: inherit;
    z-index: inherit;
    inset-inline-end: inherit;
    bottom: inherit;
    height: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 0px solid var(--menu-bg)
}

@media (min-width: 992px) {
    [data-menu-styles=dark][data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item {
        justify-content: unset
    }

        [data-menu-styles=dark][data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item .side-menu__icon {
            font-size: 1.25rem
        }
}

@media (min-width: 992px) {
    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu {
        padding-inline-start: 0
    }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon {
            display: inline-block;
            margin-inline-end: 0
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item {
            background: none
        }

            [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after {
                display: none
            }

            [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2 {
                display: none
            }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge {
            position: absolute;
            inset-block-start: 12px;
            inset-inline-end: 18px;
            border-radius: 50px;
            display: none
        }

    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child3 li {
        padding-inline-start: 0
    }
}

@media (min-width: 992px) {
    [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide__category, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide__category, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide__category, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide__category, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide__category, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide__category {
        display: none
    }
}

@media (min-width: 992px) {
    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open] , [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open] , [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  {
        border-inline-end: 1px solid var(--menu-border-color)
    }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide-menu {
            padding-inline-start: 0
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__item {
            background-color: transparent;
            position: relative;
            z-index: 1;
            margin: 10px auto;
            text-align: center;
            border-start-start-radius: 30px;
            border-start-end-radius: 0;
            border-end-end-radius: 0;
            border-end-start-radius: 30px;
            margin-inline-start: 0;
            border: 0px solid transparent;
            border-inline-end: 0px;
            width: 100%
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__icon, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__icon, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__icon {
            font-size: 18px;
            line-height: 0;
            margin-inline-end: 10px;
            width: 35px;
            height: 35px;
            line-height: 33px;
            text-align: center;
            border-radius: 50%;
            box-shadow: 0 5px 10px #0003;
            color: #fff;
            background-color: var(--primary-color)
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__label, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__label, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__label {
            color: var(--primary-color)
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape1, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape2, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide .side-badge, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide .side-badge, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide .side-badge {
            display: none
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .slide-menu.child1 .side-menu__item, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .slide-menu.child1 .side-menu__item, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .slide-menu.child1 .side-menu__item {
            margin-inline-start: 10px
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .side-menu__angle, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .side-menu__angle {
            color: var(--primary-color)
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active:after, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active:after, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active:after {
            content: none
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .shape1, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .shape1, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .shape1 {
            display: none
        }

        [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .shape2, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .shape2, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .side-menu__item.active .shape2 {
            display: none
        }
}

[data-nav-layout=vertical][data-menu-styles=light][data-vertical-style=doublemenu][data-toggled=double-menu-open]  {
    border-inline-end: 1px solid var(--menu-border-color)
}

    [data-nav-layout=vertical][data-menu-styles=light][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .slide-menu.child1 .side-menu__item {
        margin-inline-start: 10px
    }

[data-nav-layout=vertical][dir=rtl]  .slide-menu.child1 .side-menu__item:before, [data-nav-layout=vertical][dir=rtl]  .slide-menu.child2 .side-menu__item:before, [data-nav-layout=vertical][dir=rtl]  .slide-menu.child3 .side-menu__item:before {
    content: "" !important
}

[data-nav-layout=vertical][dir=rtl]  .side-menu__angle {
    inset-block-start: 1rem !important
}

[data-nav-layout=vertical][dir=rtl]  .slide.has-sub.open > .side-menu__item .side-menu__angle {
    transform: rotate(270deg) !important
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide:not(.slide-menu), [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide:not(.slide-menu) {
    padding: 0
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .side-menu__item {
    font-size: .875rem
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu {
    padding-inline-start: .6rem
}

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child2, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child3, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child2, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child3 {
        padding-inline-start: 1.5rem
    }

        [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child2 .side-menu__item, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child3 .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child2 .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child3 .side-menu__item {
            font-size: .813rem
        }

        [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child3 .slide .side-menu__item {
            background-color: transparent
        }

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child1 .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child1 .side-menu__item {
        font-size: .813rem
    }

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child1 .slide .side-menu__item {
        background-color: transparent
    }

        [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:after {
            content: none
        }

        [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide-menu.child1 .slide .side-menu__item:before {
            content: "";
            font-family: typicons;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            position: absolute;
            font-size: .75rem;
            inset-inline-start: .1rem;
            opacity: .4;
            margin-inline-end: 1.375rem
        }

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .side-menu__angle {
    inset-inline-end: 1.2rem;
    inset-block-start: .7rem
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .main-menu, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .main-menu {
    padding-inline-start: 15px
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active > .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active > .side-menu__item {
    background-color: var(--sidemenu-active-bgcolor);
    padding: .25rem;
    position: relative;
    z-index: 1;
    margin: 12px auto;
    text-align: center;
    border-start-start-radius: 30px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 30px;
    margin-inline-start: 0;
    border: 0px solid transparent;
    border-inline-end: 0px;
    width: 100%
}

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active > .side-menu__item.active:before {
        content: "";
        position: absolute;
        top: -30px;
        z-index: 9;
        inset-inline-end: 0px;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-end-end-radius: 48px;
        border-end-start-radius: 0;
        border-inline-end: 20px solid var(--menu-bg)
    }

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active > .side-menu__item.active:after {
        content: "";
        position: absolute;
        top: 43px;
        z-index: 0;
        inset-inline-end: 0px;
        bottom: 0;
        height: 30px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-start-start-radius: 0;
        border-start-end-radius: 48px;
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        border-inline-end: 20px solid var(--menu-bg)
    }

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active > .side-menu__item.active .shape1 {
        position: absolute;
        top: -30px;
        width: 20px;
        height: 60px;
        inset-inline-end: 0px;
        background: var(--sidemenu-active-bgcolor)
    }

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active > .side-menu__item.active .shape2 {
        position: absolute;
        top: 35px;
        width: 20px;
        height: 30px;
        inset-inline-end: 0px;
        background: var(--sidemenu-active-bgcolor)
    }

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active .side-menu__icon, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active .side-menu__icon {
    font-size: 18px;
    line-height: 0;
    margin-inline-end: 10px;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 5px 10px #0003;
    color: #fff;
    background-color: var(--primary-color)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.active .side-menu__label, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.active .side-menu__label {
    color: var(--primary-color)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .side-menu__angle {
    color: var(--primary-color);
    inset-block-start: .85rem
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before {
    content: "";
    position: absolute;
    top: -30px;
    z-index: 9;
    inset-inline-end: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 20px solid var(--menu-bg)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:after {
    content: "";
    position: absolute;
    top: 43px;
    z-index: 0;
    inset-inline-end: 0px;
    bottom: 0;
    height: 30px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 48px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-inline-end: 20px solid var(--menu-bg)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1 {
    position: absolute;
    top: -30px;
    width: 20px;
    height: 60px;
    inset-inline-end: 0px;
    background: var(--sidemenu-active-bgcolor)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2 {
    position: absolute;
    top: 35px;
    width: 20px;
    height: 30px;
    inset-inline-end: 0px;
    background: var(--sidemenu-active-bgcolor)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 > .slide > .side-menu__item, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 > .slide > .side-menu__item, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 > .slide > .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 > .slide > .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 > .slide > .side-menu__item, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 > .slide > .side-menu__item {
    padding: .45rem 1.6rem;
    margin: 0;
    display: inline-flex;
    align-items: flex-start
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active {
    color: var(--primary-color)
}

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:before {
        content: "";
        font-family: typicons;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        position: absolute;
        font-size: .75rem;
        inset-inline-start: .1rem;
        color: var(--primary-color);
        opacity: 1;
        margin-inline-end: 1.375rem;
        inset-block-start: inherit;
        z-index: inherit;
        inset-inline-end: inherit;
        bottom: inherit;
        height: inherit;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom: transparent;
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-end-end-radius: 48px;
        border-end-start-radius: 0;
        border-inline-end: 0px solid var(--menu-bg)
    }

    [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 > .slide.active > .side-menu__item.active:after {
        display: none
    }

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active .side-menu__angle, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active .side-menu__angle {
    color: var(--primary-color)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:before {
    content: "";
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: .75rem;
    inset-inline-start: .1rem;
    color: var(--primary-color);
    margin-inline-end: 1.375rem;
    inset-block-start: inherit;
    z-index: inherit;
    inset-inline-end: inherit;
    bottom: inherit;
    height: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 0px solid var(--menu-bg)
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active > .side-menu__item.active:after {
    display: none
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:after, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:after {
    display: none
}

[data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=light]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child1 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child2 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child1.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child2.active > .slide.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide .slide-menu.child3 .slide.has-sub.active .slide-menu.child3.active > .slide.active > .side-menu__item.active:before {
    content: "";
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: .75rem;
    color: var(--primary-color);
    inset-inline-start: .1rem;
    margin-inline-end: 1.375rem;
    inset-block-start: inherit;
    z-index: inherit;
    inset-inline-end: inherit;
    bottom: inherit;
    height: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom: transparent;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 48px;
    border-end-start-radius: 0;
    border-inline-end: 0px solid var(--menu-bg)
}

@media (min-width: 992px) {
    [data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item {
        justify-content: unset
    }

        [data-nav-layout=vertical][data-toggled=icon-overlay-close][data-vertical-style=overlay]:not([data-icon-overlay=open]) .side-menu__item .side-menu__icon {
            font-size: 1.25rem
        }
}

@media (min-width: 992px) {
    [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu {
        padding-inline-start: 0
    }

        [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide .side-menu__icon {
            display: inline-block;
            margin-inline-end: 0
        }

        [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item {
            background: none
        }

            [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item:after {
                display: none
            }

            [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .slide.active .side-menu__item .shape2 {
                display: none
            }

        [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-icon-text=open])  .main-sidebar .main-menu .side-badge {
            position: absolute;
            inset-block-start: 12px;
            inset-inline-end: 18px;
            border-radius: 50px;
            display: none
        }

    [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child1 li, [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child2 li, [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open]  .slide-menu.child3 li, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-icon-text=open]  .slide-menu.child3 li, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child1 li, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child2 li, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-icon-text=open]  .slide-menu.child3 li, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child1 li, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child2 li, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-icon-text=open]  .slide-menu.child3 li {
        padding-inline-start: 0
    }
}

@media (min-width: 992px) {
    [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide__category, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide__category {
        display: none
    }
}

@media (min-width: 992px) {
    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide-menu {
        padding-inline-start: 0
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__item {
        background-color: transparent;
        position: relative;
        z-index: 1;
        margin: 10px auto;
        text-align: center;
        border-start-start-radius: 30px;
        border-start-end-radius: 0;
        border-end-end-radius: 0;
        border-end-start-radius: 30px;
        margin-inline-start: 0;
        border: 0px solid transparent;
        border-inline-end: 0px;
        width: 100%
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__icon {
        font-size: 18px;
        line-height: 0;
        margin-inline-end: 10px;
        width: 35px;
        height: 35px;
        line-height: 33px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 5px 10px #0003;
        color: #fff;
        background-color: var(--primary-color)
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .side-menu__label {
        color: var(--primary-color)
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape1, [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.active .shape2, [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide .side-badge {
        display: none
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub.active > .side-menu__item.active .side-menu__angle {
        color: var(--primary-color)
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub.active > .side-menu__item.active:after {
        content: none
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub.active > .side-menu__item.active .shape1 {
        display: none
    }

    [data-nav-layout=vertical][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub.active > .side-menu__item.active .shape2 {
        display: none
    }
}

[data-nav-layout=vertical][data-menu-styles=gradient]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5]) , [data-nav-layout=vertical][data-menu-styles=color]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5]) , [data-nav-layout=vertical][data-menu-styles=dark]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5]) , [data-nav-layout=vertical][data-menu-styles=light]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5]) , [data-nav-layout=vertical][data-menu-styles=transparent]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  {
    border-inline-end: 0px solid var(--menu-border-color)
}

    [data-nav-layout=vertical][data-menu-styles=gradient]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=gradient]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-nav-layout=vertical][data-menu-styles=color]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=color]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-nav-layout=vertical][data-menu-styles=dark]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=dark]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-nav-layout=vertical][data-menu-styles=light]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=light]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape2, [data-nav-layout=vertical][data-menu-styles=transparent]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=transparent]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item.active .shape2 {
        display: none
    }

    [data-nav-layout=vertical][data-menu-styles=gradient]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item:after, [data-nav-layout=vertical][data-menu-styles=color]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item:after, [data-nav-layout=vertical][data-menu-styles=dark]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item:after, [data-nav-layout=vertical][data-menu-styles=light]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item:after, [data-nav-layout=vertical][data-menu-styles=transparent]:is([data-bg-img=bgimg1],[data-bg-img=bgimg2],[data-bg-img=bgimg3],[data-bg-img=bgimg4],[data-bg-img=bgimg5])  .main-sidebar .slide.active > .side-menu__item:after {
        display: none
    }

[data-nav-layout=vertical][data-menu-styles=transparent]  {
    border-inline-end: 1px solid var(--menu-border-color)
}

[data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark]  .main-sidebar .slide.active .side-menu__label {
    color: #fff
}

[data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark]  .main-sidebar .slide.active .side-menu__angle {
    color: #fff !important
}

[data-nav-layout=vertical]:not([data-nav-layout=horizontal])  .main-sidebar .main-menu > .slide {
    margin: 5px 0
}

@media (min-width: 992px) {
    [data-nav-layout=vertical][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-menu .slide.has-sub > .slide-menu.child1 .side-menu__item {
        margin-inline-start: 10px
    }
}

[data-menu-styles=light]  .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=light]  .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=light]  .slide-menu.child3 .side-menu__item:hover, [data-menu-styles=transparent]  .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent]  .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent]  .slide-menu.child3 .side-menu__item:hover {
    color: var(--primary-color)
}

[data-menu-styles=color][data-toggled=menu-click-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=color][data-toggled=menu-hover-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=color][data-toggled=icon-click-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=color][data-toggled=icon-hover-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=color][data-toggled=icon-text-close]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-toggled=menu-click-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-toggled=menu-hover-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-toggled=icon-click-closed]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-toggled=icon-text-close]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-toggled=icon-hover-closed]  .main-sidebar .slide.active .side-menu__label {
    color: #fff !important
}

[data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1 {
    display: none
}

[data-nav-layout=vertical][data-menu-styles=transparent]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2 {
    display: none
}

@media (min-width: 992px) {
    [data-nav-layout=vertical] .main-menu {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (max-width: 991.98px) {
    .main-content-body-show .main-header-menu-icon {
        display: none
    }

    .main-content-body-show .main-header-left .main-header-arrow {
        display: block
    }

    .main-content-body-show .main-content-left-chat {
        display: none
    }

    .main-content-body-show .main-content-body-chat {
        display: flex
    }
}

.main-content-left-chat {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0
}

.main-nav-line-chat {
    padding: 17px !important;
    flex-shrink: 0;
    flex-direction: row;
    padding-inline-start: 20px
}

    .main-nav-line-chat .nav-link {
        font-size: 13px;
        font-weight: 700;
        padding-block: 0;
        text-transform: uppercase
    }

        .main-nav-line-chat .nav-link:hover, .main-nav-line-chat .nav-link:focus, .main-nav-line-chat .nav-link:active {
            outline: none
        }

        .main-nav-line-chat .nav-link + .nav-link {
            margin-block-start: 0;
            margin-inline-start: 30px
        }

.main-chat-contacts-wrapper {
    padding: 10px 20px;
    flex-shrink: 0;
    border-block-end: 1px solid var(--default-border);
    overflow: hidden
}

    .main-chat-contacts-wrapper .main-content-label, .main-chat-contacts-wrapper .card-table-two .card-title {
        margin-block-end: 15px;
        line-height: 1
    }

@media (min-width: 992px) {
    .main-chat-contacts-wrapper {
        padding-block-start: 10px;
        padding-inline-end: 15px;
        padding-block-end: 10px;
        padding-inline-start: 0
    }
}

.card-table-two .main-chat-contacts-wrapper .card-title, .main-chat-contacts-wrapper .card-dashboard-eight .card-title, .card-dashboard-eight .main-chat-contacts-wrapper .card-title {
    margin-block-end: 15px;
    line-height: 1
}

.main-chat-contacts-wrapper .lSSlideOuter, .main-chat-contacts-wrapper .lSSlideWrapper {
    overflow: visible
}

.main-chat-contacts {
    padding-inline-start: 20px;
    display: flex
}

    .main-chat-contacts .lslide {
        display: flex;
        flex-direction: column;
        align-items: center;
        float: none
    }

    .main-chat-contacts small {
        font-size: 11px;
        width: 36px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-block-start: 3px;
        text-align: center
    }

.main-chat-contacts-more {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

@media (min-width: 992px) {
    .main-chat-list {
        height: calc(100% - 134px);
        position: relative
    }

        .main-chat-list .tab-pane {
            padding: 0
        }
}

.main-chat-list .media {
    padding: 12px 20px;
    border: 1px solid transparent;
    position: relative
}

    .main-chat-list .media .main-img-user {
        flex-shrink: 0;
        inset-block-start: 3px
    }

    .main-chat-list .media + .media {
        margin-block-start: -1px;
        border-block-start: 1px solid var(--default-border)
    }

    .main-chat-list .media.new {
        background-color: var(--custom-white)
    }

        .main-chat-list .media.new .main-img-user span {
            display: flex
        }

        .main-chat-list .media.new .media-contact-name span:first-child {
            font-weight: 500;
            color: var(--default-text-color)
        }

        .main-chat-list .media.new .media-body p {
            color: #8f9cc0
        }

    .main-chat-list .media:hover, .main-chat-list .media:focus {
        cursor: pointer;
        background-color: var(--default-background);
        border-top-color: var(--default-background);
        border-bottom-color: var(--default-background)
    }

        .main-chat-list .media:hover:first-child, .main-chat-list .media:focus:first-child {
            border-top-color: transparent
        }

        .main-chat-list .media:hover:last-child, .main-chat-list .media:focus:last-child {
            border-start-start-radius: 0;
            border-start-end-radius: 0;
            border-end-end-radius: 11px;
            border-end-start-radius: 11px
        }

    .main-chat-list .media.selected {
        background-color: var(--default-background);
        border-top-color: var(--default-background);
        border-bottom-color: var(--default-background)
    }

        .main-chat-list .media.selected:first-child {
            border-top-color: transparent
        }

        .main-chat-list .media.selected:after {
            display: block
        }

        .main-chat-list .media.selected .media-contact-name span:first-child {
            color: var(--default-text-color)
        }

        .main-chat-list .media.selected .media-body p {
            color: #8f9cc0
        }

.main-chat-list .main-img-user span {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: -2px;
    width: 14px;
    height: 14px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background-color: #f16d75;
    box-shadow: 0 0 0 2px #fff
}

.main-chat-list .media-body {
    margin-inline-start: 15px
}

    .main-chat-list .media-body p {
        font-size: 13px;
        margin-block-end: 0;
        color: #a8afc7;
        line-height: 1.35
    }

.main-chat-list .media-contact-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 2px
}

    .main-chat-list .media-contact-name span:first-child {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--default-text-color)
    }

    .main-chat-list .media-contact-name span:last-child {
        display: block;
        font-size: 11px;
        color: #a8afc7
    }

@media (min-width: 992px) {
    .main-chat-list .media {
        padding: 12px 15px
    }
}

.main-content-body-chat {
    flex-direction: column
}

@media (min-width: 992px) {
    .main-content-body-chat {
        display: flex
    }
}

.main-chat-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 12px;
    border-block-end: 1px solid var(--default-border)
}

    .main-chat-header .nav {
        margin-inline-start: auto;
        align-items: center
    }

    .main-chat-header .nav-link {
        padding: 0;
        color: #a8afc7;
        font-size: 16px;
        display: none
    }

        .main-chat-header .nav-link:first-child {
            display: block
        }

        .main-chat-header .nav-link i {
            line-height: 0
        }

        .main-chat-header .nav-link .typcn {
            line-height: .9
        }

            .main-chat-header .nav-link .typcn:before {
                width: auto
            }

        .main-chat-header .nav-link + .nav-link {
            margin-inline-start: 15px
        }

@media (min-width: 576px) {
    .main-chat-header .nav-link {
        display: block
    }
}

.main-chat-msg-name {
    margin-inline-start: 15px
}

    .main-chat-msg-name h6 {
        margin-block-end: 0px;
        font-size: 15px;
        font-weight: 700;
        color: #8f9cc0
    }

    .main-chat-msg-name small {
        font-size: 12px;
        color: #a8afc7
    }

.main-chat-body {
    position: relative
}

    .main-chat-body .content-inner {
        padding: 20px
    }

    .main-chat-body .media + .media {
        margin-block-start: 20px
    }

    .main-chat-body .media.flex-row-reverse .media-body {
        margin-inline-start: 0;
        margin-inline-end: 20px;
        align-items: flex-end
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
        background-color: var(--default-background);
        position: relative
    }

        .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before, .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
            right: auto;
            left: 100%;
            border-right-color: transparent;
            border-left-color: var(--default-background)
        }

        .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {
            border-width: 8px
        }

[dir=rtl] .main-msg-wrapper:before, [dir=rtl] .main-msg-wrapper:after {
    right: auto;
    left: 100%;
    border-color: transparent transparent transparent var(--default-background) !important
}

@media (min-width: 992px) {
    .main-chat-body {
        padding-block-end: 0;
        height: calc(100% - 105px);
        overflow: hidden
    }
}

@media (min-width: 576px) {
    .main-chat-body .media.flex-row-reverse .media-body {
        margin-inline-start: 55px
    }
}

.main-msg-wrapper {
    padding: 10px 15px;
    background-color: var(--default-background);
    font-size: 13px;
    margin-block-end: 5px;
    display: inline-block;
    border-radius: 4px;
    position: relative
}

    .main-msg-wrapper:before, .main-msg-wrapper:after {
        border-color: transparent var(--default-background) transparent transparent;
        border-image: none;
        border-style: solid;
        border-width: medium;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 5%;
        width: 0
    }

    .main-msg-wrapper:after {
        border-width: 8px
    }

.main-chat-body .media-body {
    margin-inline-start: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

    .main-chat-body .media-body > div:last-child {
        font-size: 11px;
        color: #a8afc7;
        display: flex;
        align-items: center
    }

@media (min-width: 576px) {
    .main-chat-body .media-body {
        margin-inline-end: 55px
    }
}

.main-chat-time {
    display: block;
    position: relative;
    text-align: center;
    margin: 20px 0
}

    .main-chat-time:first-of-type {
        margin-block-start: 0
    }

    .main-chat-time span {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #e6f3f9;
        color: #000;
        padding: 5px;
        border-radius: 4px
    }

.main-chat-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-block-start: 1px solid var(--default-border);
    background-color: var(--custom-white);
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0
}

    .main-chat-footer .nav {
        align-items: center
    }

    .main-chat-footer .nav-link {
        padding: 0;
        color: #a8afc7;
        font-size: 16px;
        display: none
    }

        .main-chat-footer .nav-link + .nav-link {
            margin-inline-start: 10px
        }

    .main-chat-footer .form-control {
        flex: 1;
        margin: 0 10px;
        padding-inline: 0;
        border-width: 0
    }

        .main-chat-footer .form-control:hover, .main-chat-footer .form-control:focus {
            box-shadow: none
        }

@media (min-width: 992px) {
    .main-chat-footer {
        position: relative;
        inset-block-start: auto;
        inset-inline: auto;
        border-start-start-radius: 0;
        border-start-end-radius: 0;
        border-end-end-radius: 5px;
        border-end-start-radius: 5px
    }
}

@media (min-width: 576px) {
    .main-chat-footer .nav-link {
        display: block
    }
}

@media (min-width: 576px) {
    .main-chat-footer .form-control {
        margin-inline-start: 20px
    }
}

@media (min-width: 768px) {
    .main-chat-footer .form-control {
        margin: 0 20px
    }
}

.main-msg-send {
    font-size: 20px
}

.main-content-title {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 32px;
    text-indent: -1px;
    line-height: 1;
    position: relative;
    margin-block-end: 20px
}

.main-content-left-contacts .main-content-breadcrumb, .main-content-left-contacts .main-content-title {
    padding-inline-start: 20px
}

@media (min-width: 992px) {
    .main-content-left-contacts .main-content-breadcrumb, .main-content-left-contacts .main-content-title {
        padding-inline-start: 0
    }

    .main-content-body-contacts {
        display: block;
        overflow-y: auto
    }
}

.main-chat-body .media.flex-row-reverse .main-msg-wrapper2 {
    background-color: var(--default-background);
    color: var(--default-text-color);
    position: relative
}

.main-msg-wrapper2 {
    padding: 10px 15px;
    background-color: var(--default-background);
    font-size: 13px;
    margin-block-end: 5px;
    display: inline-block;
    border-radius: 4px;
    position: relative
}

.chat-account .contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 4px;
    background-color: var(--primary01);
    color: var(--primary-color)
}

.media {
    display: flex;
    align-items: flex-start
}

.input-group .btn.ripple.btn-primary {
    border-radius: 0 6px 6px 0 !important;
    border-start-start-radius: 0 !important;
    border-start-end-radius: 6px !important;
    border-end-end-radius: 6px !important;
    border-end-start-radius: 0 !important
}

@media (max-width: 767px) {
    .main-content-left.main-content-left-chat .main-nav-line .nav-link + .nav-link {
        margin-block-start: 0;
        margin-inline-start: 0
    }
}

@media (max-width: 991.98px) {
    .main-chat-footer {
        position: inherit
    }
}

.main-content-left .input-group .btn {
    padding: .6rem .85rem !important
}

.crypto-transcation.list-unstyled li {
    display: flex;
    margin: 17px;
    padding: 15px 10px;
    border: 1px solid var(--default-background);
    border-radius: 6px
}

.toolbar .btn {
    background: #fff;
    color: var(--default-text-color);
    border: 1px solid var(--default-border);
    border-block-end: 2px solid var(--default-border);
    border-radius: 4px;
    padding: 2px 17px
}

.crypto-card {
    position: relative;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23eaedf7' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.btn-default.active {
    background: var(--primary-color);
    color: #fff;
    border-block-end: 2px solid var(--default-border)
}

@media (max-width: 991.98px) {
    .card-bitcoin .media {
        display: flex;
        align-items: flex-start;
        overflow-x: scroll
    }
}

.card-bitcoin .media-icon {
    display: inline-table;
    text-align: center;
    line-height: 42px
}

.card-bitcoin .media-body {
    margin-inline-start: 20px;
    margin-block-end: 10px
}

.card-bitcoin .row {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto
}

    .card-bitcoin .row > div {
        flex-shrink: 0
    }

.card-bitcoin label {
    margin-block-end: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    color: #8587a7
}

.card-bitcoin p {
    margin-block-end: 0;
    color: var(--default-text-color);
    font-weight: 700;
    font-size: 16px;
    font-family: Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}

.crypto-wallet {
    position: relative
}

    .crypto-wallet .chart-circle-value {
        position: absolute;
        inset-block-start: 59px;
        inset-inline: 0;
        margin-inline: auto;
        inset-block-end: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1;
        width: 130px;
        height: 130px;
        line-height: 70px;
        border-radius: 50%;
        font-size: 46px
    }

        .crypto-wallet .chart-circle-value.circle-style {
            border: 2px dashed var(--primary07);
            background: var(--custom-white)
        }

.cryp-icon {
    width: 25px;
    height: 25px;
    font-size: 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.img-bg {
    background: url(/spruha-js/preview/assets/27-BmyXjIfz.png);
    background-position: right;
    background-size: auto;
    background-repeat: no-repeat
}

.crypto-icon {
    width: 40px;
    height: 40px;
    font-size: 15px !important;
    border-radius: 50px;
    line-height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff
}

.buy-sell .form {
    border: 1px solid var(--black-1);
    background: var(--black-2);
    padding: 15px 0;
    border-radius: 4px
}

.bg-background2 {
    background: url(/spruha-js/preview/assets/media-73-DgkZnus8.jpg);
    background-size: cover;
    background-position: center
}

    .bg-background2:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        inset-inline: 0;
        display: block;
        z-index: 1;
        inset-block-start: 0;
        background: #6259cade
    }

    .bg-background2 .header-text {
        position: relative;
        z-index: 1
    }

    .bg-background2 .background-text {
        color: #fff
    }

.buy-sell .form-control, .buy-sell .select2-container--default .select2-selection--single {
    height: 45px
}

    .buy-sell .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 43px
    }

    .buy-sell .select2-container--default .select2-selection--single .select2-selection__arrow {
        inset-block-start: 3px
    }

.crypto-card .chart-wrapper {
    position: relative;
    inset-inline-end: 0;
    inset-block-end: -13px;
    inset-inline-start: -26px;
    width: 130%
}

.exchange-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    background: rgb(var(--success-rgb));
    color: #fff;
    border-radius: 50%;
    line-height: 50px !important;
    text-align: center;
    inset-block-start: -22px;
    inset-inline-start: -51px
}

.crypto-btc-usd .nav-link {
    padding: 0;
    margin: 0 3px;
    width: 33px;
    height: 28px;
    line-height: 28px;
    text-align: center
}

    .crypto-btc-usd .nav-link.active {
        background: var(--primary-color);
        border-radius: 3px;
        color: #fff
    }

.payment-list {
    list-style-type: none;
    display: flex;
    padding-inline-start: 0
}

    .payment-list .payment-item {
        font-size: 14px;
        text-decoration: none;
        color: #c2c6d4;
        font-weight: 600;
        cursor: pointer;
        text-align: center;
        list-style: none;
        outline: none;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        text-transform: capitalize;
        display: inline-block;
        margin: 0 1%;
        width: 18%
    }

        .payment-list .payment-item i {
            width: 100%;
            height: 66px;
            display: block;
            border: 1px solid var(--default-border);
            padding: 15px 0;
            margin-block-end: 15px;
            cursor: pointer;
            font-size: 30px;
            border-radius: 4px
        }

.payment-item.active i {
    border-color: rgb(var(--success-rgb));
    color: rgb(var(--success-rgb))
}

.payment-item.active span {
    color: rgb(var(--success-rgb))
}

.cryptoicon {
    width: 23px;
    height: 23px;
    font-size: 13px;
    border-radius: 50px;
    align-items: center;
    display: inline-block !important;
    justify-content: center;
    line-height: 23px;
    text-align: center;
    margin-right: 15px
}

.payment-type {
    display: flex
}

    .payment-type input {
        display: none
    }

.payment-cards {
    position: relative;
    color: #707894;
    background-color: transparent;
    font-size: 26px;
    text-align: center;
    height: 87px;
    line-height: 46px;
    display: block;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid var(--default-background);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 10px;
    border-radius: 3px;
    font-weight: 500;
    z-index: 0
}

    .payment-cards img {
        position: absolute;
        inset-block-start: 37px;
        opacity: .8;
        height: 32px;
        margin: 0 auto;
        justify-content: center;
        text-align: center;
        inset-inline: 0
    }

input:checked + label.payment-cards {
    border-color: var(--primary-color) !important;
    position: relative !important;
    display: block !important;
    border-width: 1px;
    color: var(--primary-color)
}

.form input:checked + label:after {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-style: solid;
    border-block-start-width: 0;
    border-block-end-width: 35px;
    border-inline-start-width: 0;
    border-inline-end-width: 35px;
    border-color: var(--primary-color) var(--primary-color) transparent;
    display: block;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0
}

.form input:checked + label:before {
    content: "✓";
    z-index: 999;
    position: absolute;
    inset-block-start: -11px;
    inset-inline-end: 4px;
    font-size: 14px;
    color: #fff
}

.crypto-buysell-card .nav.panel-tabs li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 4;
    background: #fff
}

    .crypto-buysell-card .nav.panel-tabs li .active:before {
        position: absolute;
        inset-block-start: 60px;
        inset-inline-start: 50%;
        margin-inline-start: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-top-color: var(--primary-color);
        content: "";
        pointer-events: none
    }

    .crypto-buysell-card .nav.panel-tabs li a {
        position: relative;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 4
    }

        .crypto-buysell-card .nav.panel-tabs li a.active {
            background: var(--primary-color);
            color: #fff
        }

.crypto-buysell-card .select2-container--default .select2-selection--single {
    height: 46px
}

    .crypto-buysell-card .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px
    }

.wallet .input-group-addon-right, .wallet .input-group-addon {
    padding: .5rem .75rem;
    margin-block-end: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #b7bec5;
    text-align: center;
    border: 1px solid var(--default-border);
    border-radius: 0 .25rem .25rem 0
}

.crypto-wallet .clipboard-icon {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-start-start-radius: 0 !important;
    border-start-end-radius: 4px !important;
    border-end-end-radius: 4px !important;
    border-end-start-radius: 0 !important;
    inset-block-start: 0;
    inset-inline-end: 0;
    font-size: 14px;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    cursor: pointer;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 2.3 !important;
    color: #fff;
    position: relative
}

    .crypto-wallet .clipboard-icon:hover, .crypto-wallet .clipboard-icon:focus {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        border-start-start-radius: 0 !important;
        border-start-end-radius: 4px !important;
        border-end-end-radius: 4px !important;
        border-end-start-radius: 0 !important;
        inset-block-start: 0;
        inset-inline-end: 0;
        font-size: 14px;
        background: var(--primary-color);
        border: 1px solid var(--primary-color);
        cursor: pointer;
        padding: .375rem .75rem;
        font-size: .875rem;
        line-height: 2.3 !important;
        color: #fff;
        position: relative
    }

.wallet .clipboard-icon {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: relative;
    padding: 11px 17px;
    background: var(--default-background);
    border-start-start-radius: 0 !important;
    border-start-end-radius: 4px !important;
    border-end-end-radius: 4px !important;
    border-end-start-radius: 0 !important;
    border-inline-start: 0;
    height: 46px
}

.wallet .input-group-addon-left {
    padding: 12px 17px;
    background: #f2f1fd;
    border-start-start-radius: 4px !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 4px !important;
    height: 46px;
    border: 1px solid var(--default-border);
    border-inline-end: 0
}

.wallet .input-group i {
    font-size: 20px
}

.transcation-crypto .table th, .transcation-crypto .table td {
    padding: 17px 15px;
    margin: 0 14px;
    min-width: 140px
}

.transcation-crypto .table.dataTable th, .transcation-crypto .table.dataTable td {
    border-inline-start: 0
}

.transcation-crypto table.dataTable thead .sorting:before, .transcation-crypto table.dataTable thead .sorting_asc:before, .transcation-crypto table.dataTable thead .sorting_desc:before, .transcation-crypto table.dataTable thead .sorting_asc_disabled:before, .transcation-crypto table.dataTable thead .sorting_desc_disabled:before {
    inset-inline-end: 1em;
    content: "↑";
    inset-block-start: 16px
}

.transcation-crypto table.dataTable thead .sorting:after, .transcation-crypto table.dataTable thead .sorting_asc:after, .transcation-crypto table.dataTable thead .sorting_desc:after {
    inset-inline-end: .5em;
    content: "↓";
    inset-block-start: 16px
}

table.dataTable thead .sorting_asc_disabled:after, .transcation-crypto table.dataTable thead .sorting_desc_disabled:after {
    inset-inline-end: .5em;
    content: "↓";
    inset-block-start: 16px
}

@media (max-width: 767px) {
    .payment-cards img {
        inset-block-start: 26px !important
    }
}

.card-order i {
    background: var(--primary01);
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 21px
}

.owl-theme:before {
    content: "";
    display: block;
    inset-inline-start: 0;
    background: linear-gradient(to left,transparent 0%,var(--default-background) 100%);
    inset-block-end: 0px;
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 1
}

.owl-theme:after {
    content: "";
    display: block;
    inset-inline-end: 0;
    background: linear-gradient(to right,transparent 0%,var(--default-background) 100%);
    inset-block-end: 0px;
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 1
}

.crypto-btc-usd.nav-tabs .nav-link {
    padding: 10px 0;
    line-height: .5
}

.wallet-1 .table-responsive .table > :not(caption) > * > * {
    border-block-end: 0 !important
}

#btc_chart .apexcharts-canvas {
    width: 100% !important
}

.ratios {
    position: absolute;
    inset-inline-end: -10px;
    inset-block-start: 20px;
    padding: 5px 15px;
    background-color: #222;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    border-start-start-radius: 15px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 15px
}

.product-timeline ul.timeline-1 {
    list-style-type: none;
    position: relative
}

    .product-timeline ul.timeline-1 > li {
        margin: 21.7px 0;
        padding-inline-start: 1rem
    }

        .product-timeline ul.timeline-1 > li .product-icon {
            width: 37px;
            height: 37px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            inset-inline-start: 3px;
            background-color: var(--primary03);
            font-size: 20px;
            line-height: 37px;
            font-size: 17px;
            color: var(--primary-color)
        }

.product-timeline ul > li:not(:last-child):before {
    content: " ";
    margin-block-start: 36px;
    inset-inline-start: 20px;
    height: 9%;
    z-index: 0;
    content: "";
    position: absolute;
    border-inline-start: 2px dotted var(--primary05)
}

.countrywise-sale .list-group-item {
    padding: 10px 0;
    border-inline-start-width: 0;
    border-inline-end-width: 0;
    border-style: dotted;
    border-color: var(--default-border);
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

    .countrywise-sale .list-group-item span {
        display: block;
        margin-inline-start: auto;
        font-weight: 600;
        font-family: Archivo,Arial,sans-serif;
        color: #1c273c
    }

    .countrywise-sale .list-group-item p {
        margin-block-end: 0;
        margin-inline-start: 10px
    }

.top-selling-products .product-item {
    display: flex;
    align-items: center;
    padding: .7rem 0;
    line-height: 1.2
}

.top-selling-products .product-img {
    width: 44px;
    margin-inline-end: 1rem
}

.top-selling-products .price, .top-selling-products .count {
    font-size: .8125rem;
    color: #8094ae;
    margin-block-start: 5px
}

.top-selling-products .title, .top-selling-products .amount {
    font-size: .9375rem;
    color: #364a63;
    margin-block-end: .25rem
}

.top-selling-products .product-price {
    margin-inline-start: auto;
    text-align: right;
    margin-block-end: 10px;
    font-weight: 600
}

.top-selling-products .product-img img {
    border-radius: 4px
}

.top-selling-products .product-amount {
    float: right;
    margin-inline-start: auto
}

.top-selling-products .product-name {
    font-weight: 500
}

.top-selling-products .items-sold {
    color: #8094ae;
    font-size: 11px
}

.filter-group select.form-control {
    width: 110px
}

.table-filter {
    padding-inline: 0;
    margin-block-end: 5px
}

    .table-filter select {
        display: inline-block;
        margin-inline-start: 5px
    }

    .table-filter .btn {
        border-start-start-radius: 0;
        border-start-end-radius: 4px;
        border-end-end-radius: 4px;
        border-end-start-radius: 0;
        margin-inline-start: -1px;
        float: right
    }

    .table-filter input {
        margin-inline-start: 5px;
        width: 180px;
        display: inline-block
    }

.show-entries select.form-control {
    width: 65px;
    margin: 0 5px
}

.status {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-block-start: 2px;
    margin-inline-end: 6px;
    margin-block-end: 4px;
    margin-inline-start: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 10px;
    top: -9px
}

.ecommerce.wizard {
    margin: 20px auto;
    background: var(--custom-white)
}

    .ecommerce.wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-block-end: 0;
        border-block-end-color: var(--default-border)
    }

    .ecommerce.wizard > div.ecommerce.wizard-inner {
        position: relative
    }

.connecting-line {
    height: 2px;
    background: var(--default-border);
    position: absolute;
    width: 80%;
    margin: 0 auto;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 50%;
    z-index: 1
}

@media (min-width: 768px) {
    #checkoutsteps > .steps .number {
        background-color: var(--default-background);
        color: #9197ab;
        font-size: 20px;
        font-weight: 600;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px auto
    }

    #checkoutsteps .checkoutline {
        height: 3px;
        background-color: var(--default-background);
        -webkit-transform: translateY(1.7rem);
        transform: translateY(1.7rem);
        margin: 0 11%;
        position: relative;
        z-index: 0;
        inset-block-start: 26px
    }
}

@media (max-width: 767px) {
    #checkoutsteps > .steps .number {
        background-color: var(--default-background);
        color: #9197ab;
        font-size: 15px;
        font-weight: 600;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px auto
    }

    #checkoutsteps > .steps a {
        font-size: 12px !important
    }

    #checkoutsteps .checkoutline {
        height: 3px;
        background-color: var(--default-background);
        -webkit-transform: translateY(1.7rem);
        transform: translateY(1.7rem);
        margin: 0 11%;
        position: relative;
        z-index: 0;
        inset-block-start: 20px
    }
}

#checkoutsteps > .actions a {
    display: block;
    padding: 9px 25px;
    line-height: 1.573;
    color: #fff;
    border-radius: 4px;
    background: var(--primary-color)
}

#checkoutsteps > .actions .disabled a {
    opacity: .4
}

#checkoutsteps > .steps {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 0
}

#checkoutsteps ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
    display: flex
}

    #checkoutsteps ul[role=tablist] li {
        display: flex;
        z-index: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        flex-basis: auto;
        font-weight: 500;
        font-size: 1.1rem
    }

#checkoutsteps > .steps a {
    display: block;
    width: auto;
    background-color: transparent;
    color: #2d2c40;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 0;
    text-decoration: none;
    border-radius: 30px;
    cursor: default;
    text-align: center;
    outline: none
}

#checkoutsteps .actions .menu li {
    flex: inherit
}

#checkoutsteps > .steps .current a .number {
    background: var(--primary-color);
    color: #fff
}

#checkoutsteps ul[role=menu] li {
    flex: inherit
}

#checkoutsteps .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-block-end: 1px solid var(--default-border);
    margin-block-end: 30px
}

    #checkoutsteps .item .left {
        display: flex;
        align-items: center
    }

    #checkoutsteps .item .thumb {
        display: inline-flex;
        width: 100px;
        height: 90px;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--default-border)
    }

    #checkoutsteps .item .purchase {
        display: inline-block;
        margin-inline-start: 21px;
        text-decoration: none
    }

    #checkoutsteps .item .price {
        font-size: 16px
    }

#checkoutsteps .checkout {
    margin-block-end: 44px
}

    #checkoutsteps .checkout .subtotal {
        margin-block-end: 18px
    }

    #checkoutsteps .checkout span.heading {
        font-weight: 500;
        margin-inline-end: 5px
    }

#checkoutsteps .total {
    float: right;
    color: var(--primary-color)
}

.card-pay .tabs-menu {
    margin-block-end: 25px;
    border-radius: 5px;
    overflow: hidden
}

    .card-pay .tabs-menu.nav {
        background: var(--default-background)
    }

        .card-pay .tabs-menu.nav li {
            border-inline-end: 1px solid var(--default-border)
        }

            .card-pay .tabs-menu.nav li a {
                border-inline-end: 0
            }

@media (min-width: 992px) {
    #checkoutsteps > .content {
        padding: 38px
    }

    #checkoutsteps > .actions {
        padding: 20px 38px
    }
}

.item1-links li {
    width: 100%;
    display: block;
    border-block-start: 1px solid var(--default-border)
}

.item1-links .nav-item {
    margin-inline-end: 0
}

.item1-links a {
    padding: .75rem 1.25rem;
    font-weight: 400;
    font-size: .875rem;
    color: var(--default-text-color)
}

    .item1-links a i {
        font-size: 17px;
        margin-inline-end: 1rem
    }

.item1-links .nav-item a.active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-radius: 0
}

.item1-links .nav-link:hover, .item1-links .nav-link:focus {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 0
}

.track {
    position: relative;
    background-color: var(--default-background);
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-block-end: 60px;
    margin-block-start: 50px
}

    .track .step {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 25%;
        margin-block-start: -18px;
        text-align: center;
        position: relative
    }

    .track .text {
        display: block;
        margin-block-start: 7px
    }

    .track .step.active .text {
        font-weight: 400;
        color: var(--custom-black)
    }

    .track .icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: relative;
        border-radius: 100%;
        background: var(--default-background)
    }

    .track .step:before {
        height: 7px;
        position: absolute;
        content: "";
        width: 100%;
        inset-inline-start: 0;
        inset-block-start: 18px
    }

    .track .step.active:before {
        background: var(--primary-color)
    }

    .track .step.active .icon {
        background: var(--primary-color);
        color: #fff
    }

.btn-apply.coupon {
    border-start-start-radius: 0 !important;
    border-start-end-radius: 4px !important;
    border-end-end-radius: 4px !important;
    border-end-start-radius: 0 !important
}

.productdesc-1 img {
    margin-block-start: 8px
}

.productdesc-1 .carousel-control-prev {
    inset-block-start: -172px
}

.product-grid {
    text-align: center
}

    .product-grid .product-image {
        position: relative;
        overflow: hidden
    }

        .product-grid .product-image a.image {
            display: block
        }

        .product-grid .product-image img {
            width: 100%;
            height: auto;
            border-start-start-radius: 6px;
            border-start-end-radius: 6px;
            border-end-end-radius: 0;
            border-end-start-radius: 0
        }

.product-image .pic-1 {
    backface-visibility: hidden;
    transition: all .3s ease-in 0s
}

.product-image .pic-2 {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    transition: all .3s ease-out
}

.product-grid:hover .product-image .pic-2 {
    opacity: 0;
    inset-inline-start: 10px;
    inset-block-start: 10px
}

.product-grid .product-discount-label {
    color: #fff;
    background-color: #16b36e;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 9px;
    position: absolute;
    inset-block-start: 10px;
    inset-inline-start: 10px
}

.product-grid .product-like-icon {
    color: var(--default-text-color);
    background: var(--custom-white);
    font-size: 15px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid var(--black-1);
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: -50px;
    z-index: 2;
    transition: all .3s ease
}

    .product-grid .product-like-icon:hover {
        color: #fff;
        background: #232323
    }

.product-grid:hover .product-like-icon {
    inset-inline-end: 10px
}

.product-grid .product-link {
    width: 100%;
    font-size: 0;
    opacity: 0;
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    transition: all .3s ease
}

.product-grid:hover .product-link {
    opacity: 1
}

.product-grid .product-link a {
    color: #fff;
    background: #232323;
    font-size: 12px;
    font-weight: 600;
    width: 50%;
    height: 40px;
    padding: 10px 5px;
    margin: 0;
    border-inline-end: 2px solid rgba(215,215,215,.15);
    box-shadow: 0 2px 4px #00000026;
    display: inline-block;
    overflow: hidden;
    transition: all .3s ease .1s
}

    .product-grid .product-link a:nth-child(2n) {
        border-inline-end: none
    }

    .product-grid .product-link a:hover {
        color: var(--default-text-color);
        background-color: var(--custom-white)
    }

    .product-grid .product-link a i {
        transition: all .3s ease
    }

    .product-grid .product-link a span {
        color: var(--default-text-color);
        display: block;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        transform: translateY(40px);
        transition: all .3s ease
    }

    .product-grid .product-link a:hover i {
        transform: translateY(-30px)
    }

    .product-grid .product-link a:hover span {
        transform: translateY(-15px)
    }

.product-content .rating {
    color: rgb(var(--warning-rgb));
    text-align: center;
    padding-inline-start: 0;
    margin-block-end: 0
}

.product-grid .title {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin-block-start: 0;
    margin-inline: 0;
    margin-block-end: 5px
}

.product-grid .product-content {
    text-align: center;
    padding: 20px
}

.product-grid .title a {
    text-align: center;
    padding: 20px;
    font-size: 16px;
    color: var(--default-text-color)
}

.product-grid .price {
    color: var(--default-text-color);
    font-size: 16px;
    display: inline-flex;
    font-weight: 600;
    padding: 6px;
    text-align: center
}

    .product-grid .price .old-price {
        color: #909090;
        margin-inline-end: 12px;
        text-decoration: line-through
    }

@media screen and (max-width: 990px) {
    .product-grid {
        margin-block-start: 0;
        margin-inline: 0;
        margin-block-end: 30px
    }
}

.product_price li {
    display: inline-block;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px
}

.product_price .old_price {
    text-decoration: line-through !important;
    color: #a8afc7
}

.productdesc .list-unstyled li {
    border-block-end: 0 !important;
    margin-block-end: 18px;
    display: flex
}

    .productdesc .list-unstyled li:last-child {
        margin-block-end: 0 !important
    }

#recentorders {
    padding: 0;
    max-width: 650px;
    margin: 7px auto
}

@media (max-width: 567px) {
    .card-pay .tabs-menu li {
        width: 100%;
        border-block-end: 1px solid var(--default-border)
    }
}

#wishlist .product-grid, #wishlist .product-grid .product-content {
    text-align: start
}

    #wishlist .product-grid .title a {
        padding: 0
    }

    #wishlist .product-grid .title {
        margin-block-start: 5px;
        margin-inline: 0;
        margin-block-end: 5px
    }

    #wishlist .product-grid .wishlist-icon {
        color: #fff;
        background: #fd6074;
        font-size: 15px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 1px solid rgba(0,0,0,.1);
        position: absolute;
        inset-block-start: 10px;
        text-align: center;
        inset-inline-end: 10px;
        z-index: 9;
        transition: all .3s ease
    }

.item1-links.nav.nav-tabs .nav-link:hover, .item1-links.nav.nav-tabs .nav-link:focus {
    background-color: var(--primary-color)
}

.colorinput {
    margin-inline-end: 5px;
    position: relative;
    cursor: pointer
}

.colorinput-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.colorinput-color {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border: 1px solid transparent;
    color: #fff;
    box-shadow: none
}

    .colorinput-color:before {
        content: "";
        opacity: 0;
        position: absolute;
        inset-block-start: .25rem;
        inset-inline-start: .25rem;
        height: 1.25rem;
        width: 1.25rem;
        transition: .3s opacity;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%
    }

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem
}

.colorinput-input:checked ~ .colorinput-color:before {
    opacity: 1
}

#shipped-tab-pane .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block-end: 30px;
    border-block-end: 1px solid var(--default-border);
    margin-block-end: 30px
}

    #shipped-tab-pane .item .thumb {
        display: inline-flex;
        width: 100px;
        height: 90px;
        justify-content: center;
        align-items: center;
        border: 0px solid var(--default-border)
    }

    #shipped-tab-pane .item .left {
        display: flex;
        align-items: center
    }

    #shipped-tab-pane .item .purchase {
        display: inline-block;
        margin-inline-start: 21px
    }

.product-title, .price, .sizes, .colors {
    font-weight: 500
}

.card-pay .tabs-menu li {
    width: 33.3%;
    display: block
}

    .card-pay .tabs-menu li a.active {
        background: var(--primary-color);
        color: #fff
    }

    .card-pay .tabs-menu li a {
        padding: .7rem 1rem;
        display: block;
        text-align: center
    }

.card-pay .tabs-menu {
    margin-block-end: 10px;
    border-radius: 5px;
    overflow: hidden
}

.itemside {
    position: relative;
    display: flex;
    width: 100%
}

.item1-links.nav-tabs .nav-link {
    border-radius: 0 !important
}

.file-manager-container {
    position: relative;
    overflow: hidden;
    margin: 0 -1.25rem
}

    .file-manager-container .file-manager-navigation, .file-manager-container .file-manager-folders, .file-manager-container .selected-file-details {
        background-color: var(--custom-white);
        height: calc(100vh - 8rem)
    }

    .file-manager-container .files-main-nav {
        max-height: calc(100vh - 17.5rem)
    }

    .file-manager-container .file-folders-container, .file-manager-container .filemanager-file-details {
        max-height: calc(100vh - 11.9rem)
    }

@media (min-width: 576px) {
    .file-manager-container .file-manager-navigation {
        width: 30rem
    }
}

@media (max-width: 575.98px) {
    .file-manager-container .file-manager-navigation {
        width: 100%
    }

    .file-manager-container .file-manager-folders {
        display: none
    }
}

.file-manager-container .selected-file-details {
    width: 40rem
}

.file-manager-container .file-manager-folders {
    width: 100%
}

.file-manager-container ul.files-main-nav {
    padding: 1rem;
    margin-block-end: 0
}

    .file-manager-container ul.files-main-nav li {
        padding: .5rem .75rem;
        border-radius: .688rem;
        margin-block-end: .15rem
    }

        .file-manager-container ul.files-main-nav li:last-child {
            margin-block-end: 0
        }

        .file-manager-container ul.files-main-nav li div {
            color: var(--text-muted)
        }

        .file-manager-container ul.files-main-nav li:hover div {
            color: var(--primary-color)
        }

        .file-manager-container ul.files-main-nav li.active {
            background-color: var(--primary01)
        }

            .file-manager-container ul.files-main-nav li.active div {
                color: var(--primary-color)
            }

        .file-manager-container ul.files-main-nav li div.filemanager-upgrade-storage {
            width: 235px;
            height: auto;
            background-color: rgb(var(--light-rgb));
            border: 2px dashed var(--default-border);
            border-radius: .688rem;
            text-align: center;
            color: var(--default-text-color);
            padding: 1rem
        }

            .file-manager-container ul.files-main-nav li div.filemanager-upgrade-storage img {
                width: 150px;
                height: 150px
            }

.file-manager-container .file-format-icon svg {
    width: 2.2rem;
    height: 2.2rem
}

.file-manager-container .folder-svg-container svg {
    width: 3rem;
    height: 3rem
}

.file-manager-container .file-details img {
    width: 150px;
    height: 150px;
    background-color: rgb(var(--light-rgb));
    border-radius: .688rem
}

@media (max-width: 1200px) {
    .file-manager-container .selected-file-details {
        display: none
    }

        .file-manager-container .selected-file-details.open {
            width: 19.5rem;
            position: absolute;
            display: block;
            inset-inline-end: 0;
            inset-block-start: .5rem;
            box-shadow: 0 .125rem #0a0a0a0a;
            border-inline-start: 1px solid var(--default-border)
        }
}

.file-manager-container .file-manager-navigation.close {
    display: none
}

.file-manager-container .file-manager-folders.open {
    display: block
}

@media (max-width: 365px) {
    .file-manager-container .file-folders-container {
        max-height: calc(100vh - 12.9rem)
    }
}

@media (min-width: 992px) {
    [data-nav-style=menu-click][data-nav-layout=horizontal][data-theme-mode=dark] .landing-body  .slide.has-sub.open .slide-menu.child1:before {
        border-block-start-color: #0000001a;
        border-inline-start-color: #0000001a
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal][data-theme-mode=dark][dir=rtl] .slide.has-sub.open .slide-menu.child1:before {
        border-inline-end-color: var(--border);
        border-inline-start-color: transparent !important
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item .side-menu__angle {
        color: #fff
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item .side-menu__angle {
        color: var(--menu-prime-color) !important
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active {
        color: var(--primary-color)
    }

        [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active .side-menu__angle {
            color: var(--primary-color) !important
        }

        [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active:before {
            border-color: var(--primary-color) !important
        }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item {
        border-radius: .25rem;
        padding: .3rem;
        font-weight: 500
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide-menu.child1 {
        border-radius: .25rem;
        padding: .55rem .3rem
    }

        [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide-menu.child1 .side-menu__item {
            padding: .33rem 1.6rem
        }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1 {
        overflow: visible !important
    }

        [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide.has-sub.open .slide-menu.child1:before {
            content: "";
            position: inherit !important;
            inset-block-start: -7px;
            inset-inline-start: 10%;
            width: 13px;
            height: 13px;
            z-index: 99999;
            border: 1px solid transparent;
            border-block-start-color: var(--border);
            border-inline-start-color: var(--border);
            transform: rotate(45deg);
            background-color: var(--custom-white)
        }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item {
        padding-inline-end: 1.3rem;
        padding-inline-start: 1.3rem
    }

        [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item:hover {
            background-color: transparent !important
        }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .slide-menu.child1 .slide .side-menu__item:before {
        inset-block-start: .838rem;
        inset-inline-start: .65rem
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item:hover .side-menu__angle {
        color: var(--primary-color) !important
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__label {
        color: #fff;
        opacity: .7
    }

    [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item.active, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item:hover {
        background-color: var(--primary-color);
        color: var(--primary-color)
    }

        [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item.active .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item.active .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item:hover .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .landing-body  .side-menu__item:hover .side-menu__angle {
            color: #fff !important;
            opacity: 1
        }

    .flex-none {
        flex: none
    }
}

.landing-body {
    background-color: var(--custom-white)
}

    .landing-body  .side-menu__item {
        padding: .8rem 1rem
    }

        .landing-body  .side-menu__item.active, .landing-body  .side-menu__item:hover {
            color: var(--primary-color) !important
        }

    .landing-body .sticky.sticky-pin .side-menu__item.active {
        font-weight: 400
    }

        .landing-body .sticky.sticky-pin .side-menu__item.active .side-menu__label {
            color: var(--primary-color) !important;
            font-weight: 600
        }

    .landing-body .accordion.accordion-primary .accordion-button.collapsed:after {
        background-color: var(--primary01);
        color: var(--primary-color)
    }

    .landing-body .featur-icon {
        width: 75px;
        height: 75px;
        padding: 14px;
        border-radius: 50px;
        background-color: #ffffff0d;
        box-shadow: 0 4px 16px #0000001a;
        margin: 0 auto
    }

    .landing-body .feature-logos {
        display: flex;
        justify-content: center
    }

    .landing-body  .slide-menu.child1 .side-menu__item.active:before {
        width: .35rem;
        height: .35rem;
        border: 0px;
        border-radius: 1.0625rem;
        background-color: var(--primary-color);
        inset-block-start: 12px !important
    }

@media (min-width: 992px) {
    .landing-body  {
        inset-block-start: 0;
        padding: .5rem 0;
        height: auto !important;
        background-color: var(--primary01);
        box-shadow: none;
        border-inline-end: 0
    }

        .landing-body  .main-sidebar {
            height: auto !important
        }

        .landing-body .sticky.sticky-pin {
            background-color: var(--custom-white);
            box-shadow: 0 .25rem 1rem var(--black-1)
        }

            .landing-body .sticky.sticky-pin .side-menu__item .side-menu__angle {
                color: var(--menu-prime-color)
            }

            .landing-body .sticky.sticky-pin .side-menu__item:hover .side-menu__angle {
                color: var(--primary-color) !important
            }

            .landing-body .sticky.sticky-pin .side-menu__label {
                color: var(--custom-black)
            }

            .landing-body .sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-white {
                display: none
            }

            .landing-body .sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-logo {
                display: block
            }

            .landing-body .sticky.sticky-pin .side-menu__item:hover .side-menu__label {
                color: var(--primary-color) !important
            }

        .landing-body  .slide.has-sub.open .slide-menu.child1:before {
            border-block-start-color: var(--default-border) !important;
            border-inline-start-color: var(--default-border) !important
        }

    .landing-body .app-header {
        display: none
    }

    .landing-body .main-sidebar-header {
        display: block !important
    }

    .landing-body .main-menu-container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .landing-body .main-menu-container .slide-left, .landing-body .main-menu-container .slide-right {
            display: none !important
        }

    .landing-body .main-content {
        padding: 0
    }

    .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-logo {
        display: none
    }

    .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-white {
        display: block
    }
}

@media (max-width: 991.98px) {
    .landing-body  .side-menu__item:is(.active,:hover) {
        background-color: transparent
    }

    .landing-body  .side-menu__item.active .side-menu__label {
        color: var(--primary-color)
    }

        .landing-body  .side-menu__item.active .side-menu__label:before {
            transform: scale(1) !important;
            transform-origin: left center !important
        }

    .landing-body  .side-menu__item .side-menu__label:before {
        content: "";
        position: absolute;
        transform-origin: right center;
        bottom: -8px;
        width: 100%;
        height: .2rem;
        transform: scaleX(0);
        border-radius: 50px;
        background: var(--primary-color);
        transition: transform .3s cubic-bezier(.5,.7,.8,1)
    }

    .landing-body .main-menu-container .main-menu {
        padding-inline-start: 20px !important
    }

    .landing-body  .slide {
        padding: 0
    }

    .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-logo, .landing-body .landing-logo-container .horizontal-logo .header-logo .desktop-white {
        display: none !important
    }
}

.landing-body .main-menu-container .main-menu {
    padding-inline-start: 0
}

.landing-body .app-content {
    margin-block-start: 4rem
}

.landing-body .section {
    padding: 3.375rem 0;
    background-size: cover;
    position: relative
}

.landing-body .landing-banner {
    position: relative;
    width: 100%;
    height: 37rem;
    inset-block-start: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

    .landing-body .landing-banner:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%
    }

    .landing-body .landing-banner .main-banner-container {
        padding: 7rem 3rem
    }

    .landing-body .landing-banner .landing-banner-heading {
        line-height: 1.25;
        text-shadow: 1px 1px var(--black-1);
        font-size: 3rem;
        font-weight: 600;
        color: #fff
    }

@media (max-width: 767.98px) {
    .landing-body .landing-main-image {
        display: none
    }

    .landing-body .landing-banner {
        height: 34rem
    }

        .landing-body .landing-banner .main-banner-container {
            padding: 1rem
        }
}

@media (max-width: 400px) {
    .landing-body .landing-body .landing-banner {
        height: 45rem
    }
}

@media (max-width: 480px) {
    .landing-body .landing-banner .section {
        padding: 2.375rem 0
    }
}

.landing-body .landing-main-image {
    position: relative;
    z-index: 10
}

    .landing-body .landing-main-image img {
        z-index: 11;
        position: relative;
        width: 27.063rem;
        height: 26.063rem;
        margin-block-start: -10px
    }

    .landing-body .landing-main-image:before {
        content: "";
        position: absolute;
        width: 24.5rem;
        height: 24.5rem;
        background-color: var(--black-1);
        opacity: .3;
        inset-inline-start: 5rem;
        inset-block-start: 0rem;
        border-radius: 50%;
        box-shadow: 0 3rem 10rem var(--white-1) !important
    }

    .landing-body .landing-main-image:after {
        content: "";
        position: absolute;
        width: 12.5rem;
        height: 12.5rem;
        background-color: transparent;
        border: .125rem dashed var(--primary05);
        opacity: .3;
        inset-inline-start: 5.1rem;
        inset-block-end: 4.4rem
    }

.landing-body .landing-page-wrapper {
    position: relative;
    min-height: calc(100vh - 3.4rem)
}

.landing-body .main-landing-image {
    width: 37.5rem;
    padding: .5rem;
    border-radius: .688rem;
    background-color: var(--primary01)
}

.landing-body .brand-img-white, .landing-body .brand-img-light {
    display: block
}

.landing-body  .side-menu__label {
    font-family: 600
}

.landing-body .landing-section-heading {
    position: relative
}

    .landing-body .landing-section-heading:before {
        content: "";
        position: absolute;
        width: 60%;
        height: .25rem;
        background-image: linear-gradient(to right,rgb(var(--success-rgb)),rgba(var(--success-rgb),.1));
        opacity: .5;
        inset-block-start: -.625rem;
        border-radius: 3.125rem;
        inset-inline-end: 0
    }

.landing-body .landing-missions, .landing-body .landing-missions-dark {
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 1rem 1rem #0000000d !important
}

    .landing-body .landing-missions:before, .landing-body .landing-missions-dark:before {
        content: "";
        position: absolute;
        width: 100%;
        height: .15rem;
        inset-block-start: 0;
        inset-inline-start: 0;
        border-radius: 3.125rem
    }

    .landing-body .landing-missions svg, .landing-body .landing-missions-dark svg {
        width: 1.5rem;
        height: 1.5rem
    }

.landing-body .customize-image img {
    width: 30.5rem;
    height: 20rem;
    margin-block-start: 20px;
    padding: 15px;
    position: relative
}

.landing-body .landing-footer {
    background-color: #232323;
    border-bottom: 1px solid rgba(255,255,255,.05)
}

    .landing-body .landing-footer .landing-footer-list li {
        margin-bottom: .5rem
    }

        .landing-body .landing-footer .landing-footer-list li:last-child {
            margin-bottom: 0
        }

    .landing-body .landing-footer hr {
        border-top: 1px solid rgba(255,255,255,.1)
    }

.landing-body .landing-main-footer {
    background-color: #232323
}

.landing-body .landing-testimonials .swiper-pagination-bullet, .landing-body .landing-testimonials .swiper-pagination-bullet:active {
    background: var(--primary-color) !important
}

.landing-body .team-card {
    transition: box-shadow .2s ease-in
}

    .landing-body .team-card:hover {
        box-shadow: 0 .25rem 1rem #0000000d;
        transition: box-shadow .2s ease-in
    }

    .landing-body .team-card .team-avatar {
        box-shadow: 0 0 0 .5rem #0000000d
    }

.landing-body .btn-close {
    padding: 1.5rem;
    right: -.875rem
}

.landing-body .section-bg {
    background-color: #f8f9fb
}

@media (min-width: 992px) {
    [data-theme-mode=dark] .landing-body .main-menu-container .landing-logo-container .horizontal-logo .header-logo .desktop-logo {
        display: none !important
    }
}

@media (max-width: 991.98px) {
    [data-theme-mode=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .toggle-logo {
        display: none
    }

    [data-theme-mode=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .toggle-dark {
        display: block
    }
}

[data-theme-mode=dark] .landing-body .landing-trusted-companies img {
    filter: imvert(1)
}

[data-theme-mode=dark] .landing-body .team-card:hover {
    box-shadow: 0 .25rem 1rem #ffffff0d
}

[data-theme-mode=dark] .landing-body .team-card .team-avatar {
    box-shadow: 0 0 0 .5rem #ffffff0d
}

[data-theme-mode=dark] .landing-body .sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-white, [data-theme-mode=dark] .brand-img-light {
    display: block
}

[data-theme-mode=dark] .brand-img-white {
    display: none
}

[data-theme-mode=dark] .section-bg {
    background-color: var(--black-1)
}

@media (max-width: 420px) {
    .landing-body .landing-banner {
        height: 42rem
    }

        .landing-body .landing-banner .main-banner-container {
            padding: 1rem
        }

        .landing-body .landing-banner .landing-banner-heading {
            font-size: 2rem
        }
}

@media (max-width: 992px) {
    .landing-body  .side-menu__item {
        padding: .8rem 5rem .8rem 1rem
    }

    .landing-body  .slide-menu.child1 li, .landing-body  .slide-menu.child2 li, .landing-body  .slide-menu.child3 li {
        padding: 0;
        -webkit-padding-start: 1.5rem;
        padding-inline-start: 0;
        position: relative
    }

    [dir=rtl] .landing-body  .side-menu__item {
        padding: .8rem 1rem .8rem 5rem
    }
}

[dir=rtl] .landing-body .testimonial-card {
    direction: rtl
}

.landing-body.jobs-landing .landing-banner .landing-banner-heading {
    line-height: 1.25;
    font-size: 2.4rem;
    font-weight: 600
}

.landing-body.jobs-landing .landing-banner {
    height: auto
}

.custom-form-group {
    position: relative;
    display: flex;
    align-items: center
}

    .custom-form-group .form-control {
        padding-inline-end: 3.75rem;
        padding-inline-start: 1.25rem;
        line-height: 2.25
    }

    .custom-form-group .form-control-lg ~ .custom-form-btn {
        inset-inline-end: .7rem
    }

    .custom-form-group .custom-form-btn {
        position: absolute;
        inset-inline-end: .5rem;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--custom-white)
    }

        .custom-form-group .custom-form-btn .gps-location {
            color: var(--text-muted);
            opacity: .6;
            font-size: 1.0625rem;
            line-height: 0;
            margin-inline-end: 10px
        }

.border-end.border-white3 {
    border-color: #ffffff1a !important
}

.bg-banner {
    background-color: var(--primary-color);
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .bg-banner:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        inset-block-start: 0;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        opacity: .1;
        transition: transform ease .3s;
        z-index: -1
    }

.bg-banner-1 {
    position: relative;
    inset-block-start: 0;
    height: 100%;
    border-radius: 0 .3rem .3rem 0;
    z-index: 0
}

.bg-banner-2 {
    position: relative;
    inset-block-start: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 .3rem .3rem 0;
    z-index: 0
}

    .bg-banner-2:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--primary08);
        inset-inline: 0;
        inset-block: 0;
        z-index: -1
    }

.landing-body.jobs-landing .featured-jobs {
    overflow: hidden;
    border: 1px solid var(--default-border)
}

.featured-card-4 svg {
    width: 1.5rem;
    height: 1.5rem
}

.feature-style {
    position: relative;
    overflow: hidden
}

    .feature-style:before {
        content: "";
        position: absolute;
        width: 4rem;
        height: 4rem;
        inset-inline-end: -1.5rem;
        inset-block-end: -1.5rem;
        background-color: var(--primary01);
        border-radius: 50%
    }

    .feature-style .feature-style-icon {
        position: relative;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.25rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        font-weight: 500;
        margin-block-end: .5rem
    }

        .feature-style .feature-style-icon img, .feature-style .feature-style-icon svg {
            width: 2.5rem;
            height: 2.5rem
        }

.landing-body.jobs-landing .landing-main-footer .landing-footer-list li {
    display: inline-block;
    padding: 0 12px
}

.landing-body .landing-main-footer .landing-footer-list li:not(:first-child):before {
    position: absolute;
    content: "";
    width: .3rem;
    height: .3rem;
    border: 1px solid var(--white-5);
    border-radius: 50%;
    background-color: transparent;
    inset-inline-start: -.2rem;
    inset-block-start: .5rem
}

.landing-body .landing-main-footer .landing-footer-list li:not(:first-child) {
    position: relative
}

.review-quote {
    position: absolute;
    inset-inline-end: .8rem;
    inset-block-start: 1rem;
    font-size: 1.875rem;
    line-height: 0;
    color: var(--primary07);
    background-color: transparent;
    padding: .625rem
}

.blog-badge {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 1rem
}

@media (max-width: 767.98px) {
    .browse-jobs-image {
        width: 100%;
        border-radius: .375rem .375rem 0 0 !important
    }
}

.landing-body .demo-screen-headline {
    padding-bottom: 70px
}

    .landing-body .demo-screen-headline p {
        line-height: 1.4;
        margin-bottom: 20px;
        text-shadow: none;
        color: #fff;
        font-size: 2.5rem
    }

    .landing-body .demo-screen-headline h4 {
        color: #fff
    }

    .landing-body .demo-screen-headline.main-demo-1 h6 {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #fff
    }

.landing-body .landing-top-header {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    border-radius: 0
}

    .landing-body .landing-top-header:before {
        position: absolute;
        content: "";
        left: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        right: 0;
        width: auto;
        height: 170%;
        top: 0;
        overflow: hidden;
        background-image: url(/spruha-js/preview/assets/1-B4mnbdl4.png)
    }

.landing-body .landing-card-header {
    color: var(--primary-color)
}

.landing-body .landing-title {
    background: linear-gradient(to right,transparent,var(--primary-color),transparent);
    height: 1px;
    margin: 0 auto 10px;
    width: 70px
}

.landing-body .hexagon-wrapper {
    margin: auto;
    display: flex;
    text-align: initial;
    width: 200px;
    cursor: pointer
}

.landing-body .main-features-1 .hexagon {
    background: var(--primary-bg-color)
}

.landing-body .hexagon {
    position: relative;
    width: 20%;
    height: 35%;
    margin: 0 auto;
    color: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 5px;
    transition: .5s
}

    .landing-body .hexagon i {
        z-index: 1;
        margin: auto;
        font-size: 30px;
        color: transparent;
        background-clip: text;
        -webkit-background-clip: text;
        padding: 18px
    }

    .landing-body .hexagon:before, .landing-body .hexagon:after {
        position: absolute;
        content: "";
        background: inherit;
        height: 100%;
        width: 100%;
        border-radius: 0;
        transition: .5s;
        transform-origin: center
    }

    .landing-body .hexagon:before {
        transform: rotate(60deg);
        border-radius: 5px;
        transition: .5s
    }

    .landing-body .hexagon:after {
        transform: rotate(-60deg);
        border-radius: 5px;
        transition: .5s
    }

.landing-body .main-features-1 .hexagon {
    background: var(--primary-color)
}

.landing-body .main-features-2 .hexagon {
    background: rgb(var(--warning-rgb))
}

.landing-body .main-features-3 .hexagon {
    background: rgb(var(--success-rgb))
}

.landing-body .main-features-4 .hexagon {
    background: rgb(var(--info-rgb))
}

.landing-body .main-features-5 .hexagon {
    background: rgb(var(--secondary-rgb))
}

.landing-body .main-features-6 .hexagon {
    background: rgb(var(--danger-rgb))
}

.landing-body .main-features-7 .hexagon {
    background: var(--primary-color)
}

.landing-body .main-features-8 .hexagon {
    background: rgb(var(--warning-rgb))
}

.landing-body .testimonial-owl-landing {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    position: relative;
    border-radius: 0;
    background: url(/spruha-js/preview/assets/2-BDVtp3Qm.jpg) center center;
    padding: 50px 0
}

    .landing-body .testimonial-owl-landing:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 0;
        background: #6964f766 !important;
        top: 0
    }

.landing-body .services-statistics.landing-statistics .reveal {
    margin-bottom: 0;
    background: transparent
}

.landing-body .card {
    border: 0px;
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
    box-shadow: none
}

.landing-body .landing-statistics .card-body:hover:before {
    width: 0px;
    background: #fff
}

.landing-body .landing-statistics .card-body:hover:after {
    height: 0px;
    background: #fff
}

.landing-body .landing-statistics .counter-icon {
    border-radius: 10px;
    border: transparent;
    background: var(--black-2);
    width: 4rem;
    height: 4rem;
    padding: 17px 18px;
    margin: 0 auto;
    margin-bottom: 1rem
}

    .landing-body .landing-statistics .counter-icon i {
        color: #fff;
        font-size: 1.8rem
    }

@media (min-width: 992px) {
    .landing-body .demo-screen-skin, .landing-body .demo-screen-rtl {
        padding: 60px 0
    }

    .landing-body .counter-status {
        color: #fff
    }
}

.landing-body .working-section .working-svg-container svg {
    width: 300px;
    height: 250px
}

.landing-body .counter-body {
    padding-top: 15px
}

.landing-body .features.main-features-1.card:hover {
    border: 1px solid var(--primary-color) !important;
    box-shadow: 0 16px 32px #21212126
}

.landing-body .features.main-features-2.card:hover {
    border: 1px solid rgb(var(--warning-rgb)) !important
}

.landing-body .features.main-features-3.card:hover {
    border: 1px solid rgb(var(--success-rgb)) !important
}

.landing-body .features.main-features-4.card:hover {
    border: 1px solid rgb(var(--info-rgb)) !important
}

.landing-body .features.main-features-5.card:hover {
    border: 1px solid rgb(var(--secondary-rgb)) !important
}

.landing-body .features.main-features-6.card:hover {
    border: 1px solid rgb(var(--danger-rgb)) !important
}

.landing-body .features.main-features-7.card:hover {
    border: 1px solid var(--primary-color) !important
}

.landing-body .features.main-features-8.card:hover {
    border: 1px solid rgb(var(--warning-rgb)) !important
}

.landing-body .bg-primary-transparent {
    background-color: #6259ca29
}

.landing-body .landing-Features {
    position: relative;
    width: 100%;
    height: 100%;
    inset-block-start: 0;
    background-image: url(/spruha-js/preview/assets/2-BDVtp3Qm.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9
}

    .landing-body .landing-Features:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(var(--primary-rgb),.4);
        top: 0;
        z-index: -1
    }

.landing-body .highlights .accordion-header .accordion-button {
    padding: 1.5rem !important
}

.landing-body .highlights .accordion.accordion-primary .accordion-button {
    background-color: #fff !important
}

.landing-body .highlights .accordion-item:first-of-type {
    border-top-left-radius: .688rem;
    border-top-right-radius: .688rem
}

.landing-body .highlights .accordion-item:last-of-type {
    border-bottom-right-radius: .688rem;
    border-bottom-left-radius: .688rem
}

.landing-body .highlights .accordion-item.acc-primary {
    border-inline-start: 5px solid var(--primary-color)
}

    .landing-body .highlights .accordion-item.acc-primary .accordion-button:after {
        background-color: var(--primary-color) !important;
        color: #fff !important
    }

.landing-body .highlights .accordion-item.acc-secondary {
    border-inline-start: 5px solid rgb(var(--secondary-rgb))
}

    .landing-body .highlights .accordion-item.acc-secondary .accordion-button:after {
        background-color: rgb(var(--secondary-rgb)) !important;
        color: #fff !important
    }

.landing-body .highlights .accordion-item.acc-success {
    border-inline-start: 5px solid rgb(var(--success-rgb))
}

    .landing-body .highlights .accordion-item.acc-success .accordion-button:after {
        background-color: rgb(var(--success-rgb)) !important;
        color: #fff !important
    }

.landing-body .highlights .accordion-item.acc-info {
    border-inline-start: 5px solid rgb(var(--info-rgb))
}

    .landing-body .highlights .accordion-item.acc-info .accordion-button:after {
        background-color: rgb(var(--info-rgb)) !important;
        color: #fff !important
    }

.landing-body .highlights .accordion-item.acc-danger {
    border-inline-start: 5px solid rgb(var(--danger-rgb))
}

    .landing-body .highlights .accordion-item.acc-danger .accordion-button:after {
        background-color: rgb(var(--danger-rgb)) !important;
        color: #fff !important
    }

.landing-body .highlights .accordion-item.acc-warning {
    border-inline-start: 5px solid rgb(var(--warning-rgb))
}

    .landing-body .highlights .accordion-item.acc-warning .accordion-button:after {
        background-color: rgb(var(--warning-rgb)) !important;
        color: #fff !important
    }

.landing-body .highlights .accordion-body {
    color: var(--default-text-color)
}

.landing-body ul {
    list-style: none
}

.landing-body .bd-b-white-2 {
    border-bottom: 1px solid var(--white-2)
}

.landing-body #contact .services-statistics .counter-icon {
    margin-bottom: 1.5rem;
    margin-top: 14px;
    display: inline-flex;
    width: 5rem;
    height: 5rem;
    padding: 26px;
    border-radius: 40%;
    text-align: center;
    line-height: 6rem;
    font-size: 30px
}

    .landing-body #contact .services-statistics .counter-icon i {
        font-size: 30px
    }

.landing-body #contact h4 {
    color: var(--gray-6)
}

.landing-body #contact p {
    color: var(--gray-5)
}

.landing-body .container {
    max-width: 1140px
}

.landing-body .btn-icon i {
    line-height: 1.5;
    font-size: 18px
}

.landing-body .demo-footer {
    background-color: #0e0e23;
    padding-top: 3rem;
    color: #d0d0e2 !important
}

    .landing-body .demo-footer .btn-list .btn-icon {
        border: 1px solid rgba(255,255,255,.1);
        color: #d0d0e2;
        background-color: #fff3;
        padding: 5px
    }

.landing-body .top-footer a {
    color: #d0d0e2;
    line-height: 2
}

.landing-body .top-footer h6 {
    font-size: 17px !important;
    color: #fff
}

    .landing-body .top-footer h6:before {
        position: absolute;
        content: "";
        height: 8px;
        border: 2px solid var(--primary-color);
        margin: 0 auto 10px;
        transform: rotate(45deg);
        width: 8px;
        inset-inline-start: -3px;
        top: 5px
    }

.landing-body .main-footer {
    font-size: 14px;
    font-weight: 400;
    padding-block: 15px
}

.landing-body .bottom-footer-shape {
    bottom: -2px;
    position: absolute;
    pointer-events: none;
    right: 0;
    left: 0;
    width: 100%;
    color: #0e0e23 !important
}

.landing-body .shape svg {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    width: 100%;
    height: auto;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.landing-body svg:not(:root) {
    overflow: hidden
}

.landing-body  .side-menu__item:is(.active,:hover) .side-menu__label {
    margin-inline-start: 0;
    transition: none
}

.landing-body .main-content {
    padding-inline: 0
}

@media (max-width: 380px) {
    .btn, .sp-container button {
        font-size: .765rem;
        padding: .475rem .75rem
    }
}

@media (min-width: 576px) {
    .ps-sm-0, .px-sm-0 {
        padding-inline-start: 0 !important
    }
}

@media (min-width: 576px) {
    .pe-sm-0, .px-sm-0 {
        padding-inline-end: 0 !important
    }
}

@media screen and (max-width: 991.98px) {
    .services-statistics.landing-statistics .reveal {
        margin-bottom: 10px !important
    }
}

@media (min-width: 992px) {
    [data-nav-layout=horizontal] .landing-body  {
        border-block-end: 1px solid var(--white-2)
    }
}

@media only screen and (max-width: 991.98px) {
    .landing-body .landing-banner .main-banner-container {
        padding: 0 3rem
    }

    .landing-body .main_features .container {
        padding-block-start: 200px
    }
}

@media only screen and (max-width: 500px) {
    .landing-body .landing-top-header:before {
        height: 215% !important
    }
}

.landing-Features .swiper-slide {
    width: 190px
}

    .landing-Features .swiper-slide img {
        width: 75px;
        height: 75px;
        padding: 14px;
        border-radius: 50px;
        background-color: #ffffff0d;
        box-shadow: 0 4px 16px #0000001a;
        margin: 0 auto
    }

.landing-body  {
    border-block-end: 0 !important
}

.landing-body .main-banner-container .btn-outline-light:focus {
    color: var(--custom-black) !important
}

.main-content-mail .container, .main-content-mail .container-fluid {
    padding-block-start: 20px;
    padding-inline: 0;
    padding-block-end: 0
}

.main-mail-list-items {
    height: 560px
}

@media (min-width: 992px) {
    .main-content-mail .container, .main-content-mail .container-fluid {
        padding: 0
    }
}

.main-content-left-mail {
    display: block
}

    .main-content-left-mail .btn-compose {
        margin-block-end: 20px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 11px;
        padding: 0 20px;
        letter-spacing: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px
    }

@media (min-width: 992px) {
    .main-content-left-mail .btn-compose {
        margin-inline-end: 0
    }
}

.main-task-menu {
    position: relative;
    padding-inline-end: 0
}

    .main-task-menu .nav-link {
        height: 38px
    }

        .main-task-menu .nav-link i {
            font-size: 22px
        }

@media (min-width: 992px) {
    .main-task-menu {
        padding-inline-end: 0
    }
}

@media (min-width: 992px) {
    .main-task-menu .nav-link {
        font-size: 13px
    }
}

.main-mail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 20px;
    padding: 0 20px
}

    .main-mail-header > div:first-child p {
        font-size: 13px;
        margin-block-end: 0
    }

    .main-mail-header > div:last-child {
        display: none
    }

        .main-mail-header > div:last-child > span {
            font-size: 12px;
            margin-inline-end: 10px
        }

    .main-mail-header .btn-group .btn, .main-mail-header .btn-group .sp-container button {
        font-size: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        line-height: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        border-color: #e2e8f5;
        background-color: #fff
    }

@media (min-width: 992px) {
    .main-mail-header {
        padding-inline: 20px;
        padding-block-start: 20px;
        padding-block-end: 0;
        margin-block-end: 25px
    }
}

@media (min-width: 768px) {
    .main-mail-header > div:last-child {
        display: flex;
        align-items: center
    }
}

.sp-container .main-mail-header .btn-group button {
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    line-height: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    border-color: #e2e8f5;
    background-color: #fff
}

    .main-mail-header .btn-group .btn:hover, .main-mail-header .btn-group .sp-container button:hover, .sp-container .main-mail-header .btn-group button:hover {
        color: #1c273c;
        background-color: var(--default-background)
    }

.main-mail-header .btn-group .btn:focus, .main-mail-header .btn-group .sp-container button:focus {
    color: #1c273c;
    background-color: var(--default-background)
}

.sp-container .main-mail-header .btn-group button:focus {
    color: #1c273c;
    background-color: var(--default-background)
}

.main-mail-header .btn-group .btn.disabled, .main-mail-header .btn-group .sp-container button.disabled, .sp-container .main-mail-header .btn-group button.disabled {
    background-color: #fff;
    color: #e2e8f5;
    border-color: #e2e8f5;
    z-index: 0
}

    .main-mail-header .btn-group .btn.disabled:focus, .main-mail-header .btn-group .sp-container button.disabled:focus {
        box-shadow: none
    }

    .sp-container .main-mail-header .btn-group button.disabled:focus {
        box-shadow: none
    }

    .main-mail-header .btn-group .btn.disabled:active, .main-mail-header .btn-group .sp-container button.disabled:active, .sp-container .main-mail-header .btn-group button.disabled:active {
        box-shadow: none
    }

.main-mail-header .btn-group .btn + .btn, .main-mail-header .btn-group .sp-container button + .btn {
    margin-inline-end: -2px
}

.sp-container .main-mail-header .btn-group button + .btn, .main-mail-header .btn-group .sp-container .btn + button, .sp-container .main-mail-header .btn-group .btn + button, .main-mail-header .btn-group .sp-container button + button, .sp-container .main-mail-header .btn-group button + button {
    margin-inline-end: -2px
}

.main-mail-options {
    padding: 5px 10px 5px 20px;
    border: 1px solid #e2e8f5;
    border-inline-start-width: 0;
    border-inline-end-width: 0;
    display: none;
    align-items: center;
    justify-content: flex-end
}

    .main-mail-options .btn, .main-mail-options .sp-container button {
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background-color: transparent
    }

@media (min-width: 992px) {
    .main-mail-options {
        padding: 19px 20px;
        display: flex;
        justify-content: space-between
    }
}

.sp-container .main-mail-options button {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent
}

    .main-mail-options .btn:hover, .main-mail-options .sp-container button:hover, .sp-container .main-mail-options button:hover {
        background-color: var(--default-background)
    }

.main-mail-options .btn:focus, .main-mail-options .sp-container button:focus {
    background-color: var(--default-background)
}

.sp-container .main-mail-options button:focus {
    background-color: var(--default-background)
}

.main-mail-options .btn i, .main-mail-options .sp-container button i, .sp-container .main-mail-options button i {
    line-height: 0
}

    .main-mail-options .btn i.typcn, .main-mail-options .sp-container button i.typcn, .sp-container .main-mail-options button i.typcn {
        line-height: .75
    }

.main-mail-options .btn.disabled, .main-mail-options .sp-container button.disabled, .sp-container .main-mail-options button.disabled {
    background-color: transparent;
    color: #7987a1
}

@media (min-width: 992px) {
    .main-mail-list {
        border-top-width: 0
    }
}

.main-mail-item {
    padding: 10px 27px;
    border-block-start: 1px solid var(--default-border);
    border-bottom: 1px solid var(--default-border);
    background-color: #bdcde41a;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

    .main-mail-item + .main-mail-item {
        margin-block-start: -1px
    }

    .main-mail-item:first-child {
        border-top-width: 0
    }

    .main-mail-item .main-img-user, .main-mail-item .main-avatar {
        flex-shrink: 0;
        margin-inline-end: 15px
    }

        .main-mail-item .main-img-user:after, .main-mail-item .main-avatar:after {
            display: none
        }

    .main-mail-item:hover, .main-mail-item:focus {
        background-color: var(--default-background)
    }

    .main-mail-item.unread, .main-mail-item.selected {
        background-color: #fff
    }

@media (min-width: 576px) {
    .main-content-body-mail1 .main-mail-item {
        padding: 10px 29px
    }
}

@media (min-width: 992px) {
    .main-mail-item {
        width: auto;
        padding: 10px 1.5rem
    }
}

.main-mail-checkbox {
    margin-inline-end: 15px;
    display: none
}

@media (min-width: 992px) {
    .main-mail-checkbox {
        display: block
    }
}

.main-mail-star {
    margin-inline-end: 15px;
    font-size: 18px;
    line-height: .9;
    color: #e2e8f5;
    position: absolute;
    inset-block-end: 10px;
    inset-inline-end: 0
}

    .main-mail-star.active {
        color: #f0ad4e
    }

@media (min-width: 992px) {
    .main-mail-star {
        position: relative;
        inset-block-end: auto;
        inset-block-start: 2px
    }
}

.main-mail-body {
    width: calc(100% - 80px);
    cursor: pointer;
    max-width: 590px
}

@media (min-width: 992px) {
    .main-mail-body {
        max-width: 460px;
        margin-inline-end: 15px;
        flex: 1
    }
}

@media (min-width: 1200px) {
    .main-mail-body {
        max-width: 690px
    }

    .horizontalMenucontainer .tasks-list-box .main-mail-body, .tasks-list-box .main-mail-body {
        max-width: 811px
    }
}

.main-mail-from {
    font-size: 13px
}

@media (min-width: 576px) {
    .main-mail-subject {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%
    }
}

.main-mail-subject strong {
    font-weight: 700;
    font-size: 15px;
    color: #1c273c;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

@media (min-width: 992px) {
    .main-mail-subject strong {
        display: inline;
        width: auto;
        white-space: normal;
        text-overflow: inherit;
        overflow: visible
    }

    .task-actions {
        font-size: 16px;
        display: flex;
        list-style-type: none;
        padding: 0;
        float: end;
        margin-inline-end: auto;
        margin-block-end: 0
    }
}

@media (min-width: 992px) {
    .responsive-logo {
        display: none
    }
}

@media (max-width: 991.98px) {
    .responsive-logo {
        display: block
    }
}

@media (max-width: 991.98px) {
    .main-mail-subject strong {
        display: block;
        width: 100%;
        white-space: normal;
        text-overflow: inherit;
        overflow: visible
    }

    .main-header-center .input-group {
        display: none
    }

    .mail-container .tab-list-items.task-menu-show, .mail-container .tab-list-items.mail-menu-show {
        position: absolute;
        z-index: 12;
        width: 265px;
        height: 638px;
        inset-inline-start: 0;
        background: #fff;
        display: block;
        padding-inline-start: 27px;
        box-shadow: 12px 7px 13px -3px #b4bfd8
    }

    .task-actions {
        font-size: 16px;
        list-style-type: none;
        padding: 0;
        float: end;
        margin-inline-end: 0;
        margin-block-end: 0;
        display: flex;
        width: 100%
    }

        .task-actions li .task-action-items {
            line-height: 30px;
            display: flex
        }

            .task-actions li .task-action-items i {
                color: var(--primary-color);
                border: 1px solid var(--default-border);
                height: 33px;
                width: 33px;
                text-align: center;
                padding: 0 !important;
                border-radius: 5px;
                padding: 0;
                line-height: 1.62;
                margin-block-start: 12px;
                margin-inline: 0;
                margin-block-end: 13px
            }
}

#no-item-found {
    display: none
}

    #no-item-found.show {
        display: block
    }

.main-mail-subject span {
    font-size: 13px;
    color: #5c6980;
    display: none
}

@media (min-width: 576px) {
    .main-mail-subject span {
        display: inline
    }
}

.main-mail-attachment {
    margin-inline-end: 15px;
    font-size: 21px;
    line-height: .9;
    display: none
}

@media (min-width: 992px) {
    .main-mail-attachment {
        display: block;
        position: absolute;
        inset-inline-end: 63px;
        inset-block-start: 8px
    }
}

.main-mail-date {
    font-size: 11px;
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 15px;
    color: #97a3b9;
    margin-inline-end: auto
}

@media (min-width: 992px) {
    .main-mail-date {
        position: absolute;
        font-size: 13px;
        inset-block-start: 8px
    }
}

.main-mail-compose {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background-color: #1c273c80;
    z-index: 1000;
    display: none
}

    .main-mail-compose > div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }

@media (min-width: 992px) {
    .main-mail-compose .container {
        padding: 0
    }
}

.main-mail-compose-box {
    box-shadow: 0 0 30px #1c273c33;
    border-radius: 3px
}

.main-mail-compose-header {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #1c273c;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-start-start-radius: 3px;
    border-start-end-radius: 3px
}

    .main-mail-compose-header .nav-link {
        color: var(--white-3);
        font-size: 14px;
        line-height: 1;
        padding: 0;
        transition: all .2s ease-in-out
    }

        .main-mail-compose-header .nav-link:hover, .main-mail-compose-header .nav-link:focus {
            color: #fff
        }

        .main-mail-compose-header .nav-link + .nav-link {
            margin-inline-end: 15px
        }

        .main-mail-compose-header .nav-link:nth-child(2) {
            display: none
        }

@media (min-width: 992px) {
    .main-mail-compose-header {
        padding: 20px 25px
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-mail-compose-header .nav-link {
        transition: none
    }
}

@media (min-width: 768px) {
    .main-mail-compose-header .nav-link:nth-child(2) {
        display: block
    }
}

.main-mail-compose-body {
    background-color: #fff;
    padding: 20px;
    border-end-end-radius: 3px;
    border-end-start-radius: 3px
}

    .main-mail-compose-body .form-group {
        display: flex;
        align-items: center
    }

        .main-mail-compose-body .form-group > div {
            flex: 1;
            margin-inline-end: 10px
        }

        .main-mail-compose-body .form-group .form-label {
            margin: 0;
            color: #1c273c
        }

        .main-mail-compose-body .form-group .form-control {
            border-width: 0;
            border-radius: 0;
            padding: 0
        }

            .main-mail-compose-body .form-group .form-control:focus {
                box-shadow: none !important
            }

        .main-mail-compose-body .form-group + .form-group {
            border-block-start: 1px dotted #e2e8f5;
            padding-top: 1rem
        }

        .main-mail-compose-body .form-group:last-child {
            display: block
        }

            .main-mail-compose-body .form-group:last-child .btn, .main-mail-compose-body .form-group:last-child .sp-container button {
                width: 100%;
                margin-block-start: 15px;
                padding-inline-start: 20px;
                padding-inline-end: 20px
            }

@media (min-width: 992px) {
    .main-mail-compose-body {
        padding: 25px
    }
}

@media (min-width: 576px) {
    .main-mail-compose-body .form-group:last-child {
        display: flex;
        justify-content: space-between
    }
}

.sp-container .main-mail-compose-body .form-group:last-child button {
    width: 100%;
    margin-block-start: 15px;
    padding-inline-start: 20px;
    padding-inline-end: 20px
}

@media (min-width: 576px) {
    .main-mail-compose-body .form-group:last-child .btn, .main-mail-compose-body .form-group:last-child .sp-container button {
        width: auto;
        margin-block-start: 0
    }

    .sp-container .main-mail-compose-body .form-group:last-child button {
        width: auto;
        margin-block-start: 0
    }
}

.main-mail-compose-body .form-group .nav-link {
    padding: 0;
    font-size: 18px;
    line-height: 0;
    color: var(--primary-color);
    position: relative;
    transition: all .2s ease-in-out
}

    .main-mail-compose-body .form-group .nav-link:hover, .main-mail-compose-body .form-group .nav-link:focus {
        color: #1c273c
    }

    .main-mail-compose-body .form-group .nav-link + .nav-link {
        margin-inline-end: 15px
    }

@media (prefers-reduced-motion: reduce) {
    .main-mail-compose-body .form-group .nav-link {
        transition: none
    }
}

.main-mail-compose-compress, .main-mail-compose-minimize {
    inset-block-start: auto;
    inset-inline-start: auto;
    inset-block-end: 0;
    inset-inline-end: 30px;
    width: 560px;
    height: auto;
    background-color: transparent
}

    .main-mail-compose-compress .container, .main-mail-compose-minimize .container {
        max-width: none;
        padding: 0
    }

    .main-mail-compose-minimize .main-mail-compose-body {
        display: none
    }

.main-mail-two .main-content {
    display: flex;
    flex-direction: column
}

.main-mail-two .main-header {
    width: 100%;
    border-bottom: 1px solid var(--default-border)
}

.main-mail-two .main-footer {
    width: 100%
}

.main-mail-two .main-header-menu-icon {
    margin-inline-end: 0
}

.main-mail-two .main-content-body {
    display: flex;
    padding: 0
}

.main-mail-left {
    background-color: #f9f9f9;
    width: 240px;
    border-inline-end: 1px solid var(--default-border);
    padding: 20px;
    display: none
}

    .main-mail-left .btn-compose {
        display: block;
        margin-block-end: 20px
    }

    .main-mail-left .main-task-menu, .main-mail-left .main-mail-menu {
        padding-inline-end: 0
    }

@media (min-width: 1200px) {
    .main-mail-left {
        display: block
    }
}

.main-mail-content {
    background-color: #f4f5fb;
    flex: 1;
    max-width: 100vw -480px
}

    .main-mail-content .main-mail-header {
        margin-block-end: 0;
        padding: 20px
    }

.main-content-body-show .main-header-mail-arrow {
    font-size: 27px;
    display: inline-block;
    line-height: 0;
    padding: 13px 31px;
    background: #f1f5ff;
    width: 100%;
    font-size: 30px
}

.main-mail-content-body {
    display: none
}

.main-content-body-show .main-mail-content-body {
    display: block
}

.mail-option {
    display: inline-block;
    margin-block-end: 10px;
    width: 100%
}

ul.inbox-pagination {
    float: end;
    list-style-type: none;
    display: flex
}

.table-inbox tr td .fa-bookmark {
    color: #e4e4ed
}

.inbox-pagination li span {
    display: inline-block;
    margin-inline-end: 10px;
    margin-block-start: 7px
}

.inbox-pagination a.np-btn {
    border: 1px solid var(--default-border);
    border-radius: 3px !important;
    display: inline-block;
    padding: .375rem .75rem;
    margin-inline-end: 5px;
    vertical-align: middle;
    min-height: 0
}

    .inbox-pagination a.np-btn i {
        line-height: 0;
        vertical-align: middle
    }

.mail-option .chk-all, .mail-option .btn-group a.btn {
    border: 1px solid var(--default-border);
    border-radius: 3px !important;
    display: inline-block;
    min-height: 0
}

.table-inbox {
    border: 1px solid var(--default-border);
    margin-block-end: 0
}

    .table-inbox tr td {
        padding: 12px !important;
        vertical-align: middle;
        border-block-start: 1px solid var(--default-border)
    }

        .table-inbox tr td .fa-star {
            color: #e4e4ed;
            font-size: 16px
        }

            .table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
                color: #e6e9f1
            }

.mail-option .dropdown-menu > li > a {
    display: block;
    padding: .5rem .75rem;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #8f9cc0;
    white-space: nowrap
}

    .mail-option .dropdown-menu > li > a:hover {
        background: rgb(var(--light-rgb));
        color: var(--primary-color)
    }

.main-nav-column {
    flex-direction: column
}

    .main-nav-column .nav-link {
        padding: 0;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

        .main-nav-column .nav-link i {
            font-size: 18px;
            line-height: 0;
            width: 24px;
            margin-inline-end: 12px;
            text-align: center;
            transition: all .2s ease-in-out;
            line-height: .9
        }

            .main-nav-column .nav-link i:not([class*=" tx-"]) {
                color: var(--gray-4)
            }

        .main-nav-column .nav-link span {
            font-weight: 400;
            font-size: 11px;
            margin-inline-start: auto
        }

        .main-nav-column .nav-link:hover, .main-nav-column .nav-link:focus, .main-nav-column .nav-link:hover i:not([class*=" tx-"]), .main-nav-column .nav-link:focus i:not([class*=" tx-"]) {
            color: var(--gray-4)
        }

        .main-nav-column .nav-link.active {
            position: relative
        }

            .main-nav-column .nav-link.active i:not([class*=" tx-"]) {
                color: var(--primary-color) !important
            }

            .main-nav-column .nav-link.active:before {
                content: "";
                position: absolute;
                inset-block: 6px;
                inset-inline-start: -28px;
                width: 3px;
                border-radius: 3px;
                display: none
            }

    .main-nav-column.sm .nav-link {
        font-size: .875rem;
        font-weight: 400;
        padding: 10px 0
    }

        .main-nav-column.sm .nav-link i {
            font-size: 21px
        }

@media (prefers-reduced-motion: reduce) {
    .main-nav-column .nav-link i {
        transition: none
    }
}

.media-body {
    flex: 1
}

.eamil-body {
    margin-block-start: 30px
}

.file-manger-icon img {
    width: 70px;
    height: 70px
}

.file-manger-icon {
    position: relative
}

.main-nav-column .nav-link.active {
    color: var(--primary-color);
    background: none
}

.notify-time {
    position: absolute;
    inset-block: auto;
    inset-inline-start: auto;
    inset-inline-end: 25px
}

@media (max-width: 767px) {
    .notify-time {
        display: none
    }
}

.notification {
    list-style-type: none;
    padding: 0;
    position: relative
}

    .notification:before {
        content: "";
        position: absolute;
        inset-block: 15px;
        width: 3px;
        background: var(--primary02);
        inset-inline-start: 20%;
        margin-inline-start: -1px
    }

    .notification > li {
        position: relative;
        min-height: 50px;
        padding: 15px 0
    }

    .notification .notification-time {
        position: absolute;
        inset-inline-start: 0;
        width: 18%;
        text-align: end;
        inset-block-start: 30px
    }

        .notification .notification-time .date, .notification .notification-time .time {
            display: block;
            font-weight: 500
        }

        .notification .notification-time .date {
            line-height: 16px;
            font-size: 13px;
            margin-bottom: 4px;
            color: var(--default-text-color)
        }

        .notification .notification-time .time {
            line-height: 24px;
            font-size: 21px;
            color: var(--default-text-color)
        }

    .notification .notification-icon {
        inset-inline-start: 15%;
        position: absolute;
        width: 10%;
        text-align: center;
        inset-block-start: 41px
    }

        .notification .notification-icon a {
            text-decoration: none;
            width: 18px;
            height: 18px;
            display: inline-block;
            border-radius: 50%;
            background: var(--custom-white);
            line-height: 10px;
            color: #fff;
            font-size: 14px;
            border: 3px solid var(--primary-color);
            transition: border-color .2s linear
        }

    .notification .notification-body {
        box-shadow: 0 8px 16px #0000000d;
        margin-inline-start: 24%;
        margin-inline-end: 18%;
        background: var(--custom-white);
        position: relative;
        padding: 14px 20px;
        border-radius: 6px
    }

        .notification .notification-body:before {
            content: "";
            display: block;
            position: absolute;
            border: 10px solid transparent;
            border-inline-end-color: var(--custom-white);
            inset-inline-start: -20px;
            top: 25px
        }

        .notification .notification-body > div + div {
            margin-top: 15px
        }

@media (max-width: 767px) {
    .notification:before {
        display: none
    }

    .notification .notification-time .date, .notification .notification-time .time, .notification .notification-icon {
        display: none
    }

    .notification .notification-body {
        margin-inline: 0 !important
    }
}

.notification-time-date {
    color: var(--default-text-color);
    font-size: 16px;
    font-weight: 500
}

.media img {
    border-radius: 4px
}

@media only screen and (max-width: 355px) {
    #awn-toast-container {
        right: 10px !important
    }

        #awn-toast-container .awn-toast {
            width: 300px !important
        }
}

.awn-popup-loading-dots, #awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
    color: var(--default-text-color) !important
}

#awn-popup-wrapper .awn-buttons .awn-btn {
    color: var(--default-text-color)
}

[dir=rtl] .awn-popup-loading-dots {
    color: var(--default-text-color);
    margin-right: 24px !important;
    margin-left: inherit !important
}

    [dir=rtl] .awn-popup-loading-dots:before {
        right: -16px !important;
        left: inherit !important
    }

    [dir=rtl] .awn-popup-loading-dots:after {
        right: 16px !important;
        left: inherit !important
    }

.profile-cover__action {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-block-start: 216px;
    padding-inline-end: 30px;
    padding-block-end: 10px;
    padding-inline-start: 185px;
    border-radius: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    background: url(/spruha-js/preview/assets/media-3-BHB_JFLP.jpg) no-repeat;
    background-size: cover
}

    .profile-cover__action > .btn {
        margin-inline: 10px
    }

.profile-cover__img {
    position: absolute;
    inset-inline-start: 50px;
    inset-block-start: 170px;
    text-align: center;
    z-index: 1
}

    .profile-cover__img > img {
        max-width: 120px;
        border: 5px solid #fff;
        border-radius: 50%
    }

    .profile-cover__img > .h3 {
        color: var(--default-text-color);
        font-size: 20px;
        line-height: 30px
    }

    .profile-cover__img > img + .h3 {
        margin-block-start: 6px
    }

@media (min-width: 601px) {
    .profile-cover__info .nav {
        margin-inline-end: 28px;
        padding-block-start: 15px;
        padding-inline-end: 0;
        padding-block-end: 10px;
        padding-inline-start: 170px;
        color: #999;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end
    }
}

.profile-cover__info .nav li {
    margin-block-start: 13px;
    margin-block-end: 13px;
    font-size: 14px;
    color: var(--default-text-color);
    font-weight: 500
}

    .profile-cover__info .nav li:not(:first-child) {
        margin-inline-start: 30px;
        padding-inline-start: 30px;
        border-inline-start: 1px solid var(--default-border)
    }

.profile-cover__info .nav strong {
    display: block;
    margin-block-end: 10px;
    font-size: 29px
}

.profile-tab .main-nav-line .nav-link {
    font-weight: 500;
    padding-block: 0
}

@media (min-width: 481px) {
    .profile-cover__action > .btn {
        min-width: 125px
    }

        .profile-cover__action > .btn > span {
            display: inline-block
        }
}

@media (max-width: 600px) {
    .profile-cover__info .nav {
        margin-inline-end: 28px;
        padding-block-start: 39px;
        padding-inline-end: 0;
        padding-inline-start: 170px;
        padding: 0;
        display: flex;
        margin-inline-end: 0;
        padding-inline: 0;
        padding-block-start: 18px;
        padding-block-end: 10px;
        color: #999;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-start
    }

        .profile-cover__info .nav li {
            margin-block-start: 27px;
            margin-block-end: 0;
            margin-inline-end: 1rem;
            font-size: 13px
        }

            .profile-cover__info .nav li:not(:first-child) {
                padding-block-start: 0;
                border-top: 1px solid #eee;
                margin-block-start: 8px;
                margin-inline-start: 0;
                padding-block-start: 18px;
                padding-inline-start: 0;
                border-top: 0;
                border-inline-start-width: 0
            }

    .main-nav-line .nav-link + .nav-link {
        margin-inline-start: 0
    }
}

.main-content-profile {
    flex: 1
}

@media (max-width: 991.98px) {
    .main-content-profile .container, .main-content-profile .container-fluid {
        display: block
    }
}

.main-content-left-profile {
    padding-inline: 0;
    display: block;
    border-bottom: 1px solid var(--default-border);
    padding-bottom: 25px;
    width: auto
}

@media (min-width: 992px) {
    .main-content-left-profile {
        width: 270px;
        padding-inline-end: 20px;
        padding-bottom: 0;
        border-right: 1px solid var(--default-border);
        border-bottom: 0
    }
}

@media (min-width: 1200px) {
    .main-content-left-profile {
        padding-inline-end: 25px
    }
}

.main-profile-overview .main-img-user {
    width: 100px;
    height: 100px;
    margin-block-end: 20px;
    margin: 0 auto
}

    .main-profile-overview .main-img-user:after {
        display: none
    }

.main-profile-overview .btn-icon-list .btn, .main-profile-overview .btn-icon-list .sp-container button, .sp-container .main-profile-overview .btn-icon-list button {
    border-radius: 100%
}

.main-profile-name {
    color: #8f9cc0;
    font-weight: 700;
    font-size: 20px;
    margin-block-end: 2px
}

.main-profile-name-text {
    color: #a8afc7;
    font-size: 13px;
    margin-block-end: 0
}

.main-profile-bio {
    font-size: 13px;
    margin-block-end: 20px
}

.main-profile-social-list .media {
    align-items: center
}

    .main-profile-social-list .media + .media {
        margin-block-start: 20px
    }

.main-profile-social-list .media-body {
    margin-inline-start: 20px
}

    .main-profile-social-list .media-body span {
        display: block;
        font-size: 12px
    }

    .main-profile-social-list .media-body a {
        font-size: 13px
    }

.main-content-body-profile .nav {
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid var(--default-border)
}

.main-content-body-profile .main-nav-line .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500
}

    .main-content-body-profile .main-nav-line .nav-link.active {
        font-weight: 500
    }

@media (min-width: 576px) {
    .main-content-body-profile .nav {
        flex-direction: row;
        align-items: center;
        padding-bottom: 10px
    }
}

@media (min-width: 992px) {
    .main-content-body-profile .nav {
        padding-inline-start: 20px
    }
}

@media (min-width: 1200px) {
    .main-content-body-profile .nav {
        padding-inline-start: 25px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link.active:before {
        width: auto;
        inset-block-start: auto;
        inset-inline: 0;
        height: 2px
    }
}

@media (min-width: 576px) {
    .main-content-body-profile .main-nav-line .nav-link.active:before {
        inset-block-end: -11px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link + .nav-link {
        margin-block-start: 0
    }
}

.main-profile-body {
    padding-inline: 0;
    padding-block-start: 15px;
    padding-block-end: 0
}

@media (min-width: 576px) {
    .main-profile-body {
        padding-block-start: 20px
    }
}

@media (min-width: 992px) {
    .main-profile-body {
        padding-block-start: 25px;
        padding-inline-end: 0;
        padding-block-end: 0;
        padding-inline-start: 20px
    }
}

@media (min-width: 1200px) {
    .main-profile-body {
        padding-inline-start: 25px
    }
}

.main-profile-view-chart {
    position: relative;
    width: calc(100% - 10px);
    height: 200px
}

@media (min-width: 375px) {
    .main-profile-view-chart {
        width: 100%
    }
}

@media (min-width: 576px) {
    .main-profile-view-chart {
        height: 250px
    }
}

.main-profile-view-info {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0
}

    .main-profile-view-info h6 {
        font-size: 32px;
        font-weight: 500;
        color: #8f9cc0;
        margin-block-end: 0
    }

    .main-profile-view-info span {
        font-size: 12px;
        color: #f10075;
        margin-inline-start: 5px
    }

    .main-profile-view-info p {
        font-size: 13px;
        margin-block-end: 0
    }

.main-traffic-detail-item > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    margin-block-end: 7px
}

    .main-traffic-detail-item > div:first-child > span:first-child {
        color: var(--default-text-color);
        font-size: 14px
    }

    .main-traffic-detail-item > div:first-child > span:last-child {
        font-size: 11px;
        font-weight: 700;
        color: var(--text-muted)
    }

        .main-traffic-detail-item > div:first-child > span:last-child span {
            color: var(--text-muted);
            font-weight: 400
        }

.main-traffic-detail-item + .main-traffic-detail-item {
    margin-block-start: 18px
}

.main-profile-work-list .media + .media {
    margin-block-start: 25px
}

.main-profile-work-list .media-body {
    margin-inline-start: 20px
}

    .main-profile-work-list .media-body h6 {
        color: #8f9cc0;
        font-weight: 500;
        margin-block-end: 2px
    }

    .main-profile-work-list .media-body span {
        display: block;
        margin-block-end: 5px
    }

    .main-profile-work-list .media-body p {
        margin-block-end: 0;
        font-size: 12px;
        color: #a8afc7
    }

.main-profile-contact-list .media {
    align-items: center
}

    .main-profile-contact-list .media + .media {
        margin-block-start: 25px
    }

.main-profile-contact-list .media-body {
    margin-inline-start: 25px
}

    .main-profile-contact-list .media-body span {
        font-size: 12px;
        color: #a8afc7;
        display: block;
        line-height: 1.3
    }

    .main-profile-contact-list .media-body div {
        font-weight: 500;
        color: #8f9cc0
    }

.btn-profile {
    position: absolute;
    inset-inline-end: 50px;
    inset-block-start: 180px
}

@media (max-width: 767px) {
    .profile-cover__info .nav {
        display: flex;
        margin-inline-end: 0;
        padding-inline: 0 !important;
        padding-block-start: 100px !important;
        padding-block-end: 10px !important;
        color: #999;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
        justify-content: center
    }

        .profile-cover__info .nav li {
            margin-block-start: 27px;
            margin-block-end: 0;
            margin-inline-end: 1rem;
            font-size: 13px
        }

            .profile-cover__info .nav li:not(:first-child) {
                margin-block-start: 8px;
                margin-inline-start: 0;
                padding-block-start: 18px;
                padding-inline-start: 0;
                border-top: 0;
                border-inline-start-width: 0
            }

    .profile-cover__img {
        inset-inline: 0 !important;
        inset-block-start: 170px
    }

    .btn-profile {
        inset-inline: 0;
        inset-block-start: 30px;
        margin: 0 auto;
        text-align: center
    }

    .main-nav-line .nav-link + .nav-link {
        margin-inline-start: 0
    }
}

@media (max-width: 767px) {
    .profile-footer {
        display: block !important
    }
}

.main-content-label {
    font-weight: 800;
    font-size: 14px;
    margin-block-end: 0rem;
    line-height: 1
}

@media (max-width: 400px) {
    .profile-footer .demo-avatar-group .main-img-user, .profile-footer .demo-avatar-group .main-avatar {
        width: 26px;
        height: 26px
    }
}

.media-logo, .media-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: #fff;
    font-size: 18px;
    position: relative;
    inset-block-start: 2px;
    border-radius: 100%
}

.profile-tab.tab-menu-heading .profile-nav-line {
    background-color: var(--default-background);
    border-radius: 4px
}

@media (max-width: 768px) {
    .nav.main-nav-line {
        display: block
    }

    .main-nav-line .nav-link + .nav-link {
        margin-top: 13px;
        margin-inline-start: 0
    }
}

.spruha-kanban-board {
    display: flex;
    overflow-x: auto;
    align-items: stretch;
    margin-bottom: .75rem;
    padding-bottom: 1rem
}

    .spruha-kanban-board .kanban-tasks-type {
        min-width: 20rem;
        margin-inline-end: .5rem
    }

    .spruha-kanban-board::-webkit-scrollbar-thumb {
        background-color: rgba(var(--dark-rgb),.1);
        border-radius: .3125rem
    }

    .spruha-kanban-board::-webkit-scrollbar-track {
        border-radius: .3125rem
    }

    .spruha-kanban-board .task-image .kanban-image {
        height: 150px;
        width: 100%
    }

    .spruha-kanban-board .kanban-content {
        margin-top: .75rem
    }

    .spruha-kanban-board .kanban-task-description {
        color: var(--text-muted);
        font-size: .82rem
    }

    .spruha-kanban-board .kanban-tasks-type.new .kanban-tasks .card {
        border-top: 3px solid rgba(var(--primary-rgb),.3)
    }

    .spruha-kanban-board .kanban-tasks-type.todo .kanban-tasks .card {
        border-top: 3px solid rgba(var(--warning-rgb),.3)
    }

    .spruha-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .card {
        border-top: 3px solid rgba(var(--info-rgb),.3)
    }

    .spruha-kanban-board .kanban-tasks-type.inreview .kanban-tasks .card {
        border-top: 3px solid rgba(var(--danger-rgb),.3)
    }

    .spruha-kanban-board .kanban-tasks-type.completed .kanban-tasks .card {
        border-top: 3px solid rgba(var(--success-rgb),.3)
    }

    .spruha-kanban-board #new-tasks .card.custom-card:last-child, .spruha-kanban-board #todo-tasks .card.custom-card:last-child, .spruha-kanban-board #inprogress-tasks .card.custom-card:last-child, .spruha-kanban-board #inreview-tasks .card.custom-card:last-child, .spruha-kanban-board #completed-tasks .card.custom-card:last-child {
        margin-bottom: 0
    }

    .spruha-kanban-board #new-tasks, .spruha-kanban-board #todo-tasks, .spruha-kanban-board #inprogress-tasks, .spruha-kanban-board #inreview-tasks, .spruha-kanban-board #completed-tasks {
        position: relative;
        max-height: 35rem
    }

        .spruha-kanban-board #new-tasks .simplebar-content, .spruha-kanban-board #todo-tasks .simplebar-content, .spruha-kanban-board #inprogress-tasks .simplebar-content, .spruha-kanban-board #inreview-tasks .simplebar-content, .spruha-kanban-board #completed-tasks .simplebar-content {
            padding: 0 1rem 0 0 !important
        }

    .spruha-kanban-board .task-Null {
        position: relative;
        min-height: 12.5rem
    }

        .spruha-kanban-board .task-Null:before {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: var(--custom-white);
            border-radius: .5rem;
            background-image: url(/spruha-js/preview/assets/media-80-B7xbq6ce.svg);
            background-size: cover;
            background-position: center;
            height: 12.5rem;
            width: 100%;
            margin: 0 auto
        }

    .spruha-kanban-board .view-more-button {
        margin-right: 1rem
    }

.task-title {
    position: relative;
    inset-inline-start: 1rem
}

    .task-title:before {
        position: absolute;
        content: "";
        width: .5rem;
        height: .5rem;
        inset-inline-start: -1rem;
        top: .5rem;
        border-radius: 50%;
        background-color: rgb(var(--secondary-rgb))
    }

.task-details-key-tasks {
    list-style-type: decimal
}

    .task-details-key-tasks li {
        margin-bottom: .5rem;
        font-size: .875rem;
        color: var(--text-muted)
    }

        .task-details-key-tasks li:last-child {
            margin-bottom: 0
        }

.task-description {
    font-size: .875rem
}

.task-details-progress {
    width: 6.25rem
}

.latest-timeline1 li {
    position: relative
}

.latest-timeline.latest-timeline1-icon ul.timeline > li:before {
    display: none
}

.latest-timeline1-icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    line-height: 2rem;
    text-align: center;
    inset-inline-start: 0;
    z-index: 1;
    color: var(--custom-white);
    font-weight: 500;
    inset-inline-start: -38px
}

.latest-timeline ul.timeline {
    list-style-type: none;
    position: relative
}

    .latest-timeline ul.timeline:before {
        content: " ";
        background: #eff0f6;
        display: inline-block;
        position: absolute;
        inset-inline-start: 15px;
        width: 3px;
        height: 100%;
        z-index: 1
    }

    .latest-timeline ul.timeline > li {
        margin: 20px 0;
        padding-inline-start: 1rem
    }

.latest-timeline1 a {
    color: #181727;
    font-weight: 600
}

.vtimeline {
    list-style: none;
    padding: 0;
    position: relative;
    margin-bottom: 20px
}

    .vtimeline:before {
        top: 0;
        bottom: 155px;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: var(--default-background);
        inset-inline-start: 50%;
        margin-inline-start: -1.5px
    }

    .vtimeline .timeline-wrapper {
        display: block;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        padding-inline-end: 90px
    }

        .vtimeline .timeline-wrapper:before {
            content: " ";
            display: table
        }

        .vtimeline .timeline-wrapper:after {
            content: " ";
            display: table;
            clear: both
        }

        .vtimeline .timeline-wrapper .timeline-panel {
            padding: 20px;
            position: relative;
            background: var(--custom-white);
            border-radius: 0;
            box-shadow: 0 8px 16px #a2a9cc3d;
            width: 35%;
            margin-inline-start: 15%
        }

            .vtimeline .timeline-wrapper .timeline-panel:before {
                position: absolute;
                top: 0;
                width: 100%;
                height: 2px;
                content: "";
                inset-inline: 0
            }

            .vtimeline .timeline-wrapper .timeline-panel:after {
                position: absolute;
                top: -2px;
                inset-inline-end: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-inline-start: 14px solid var(--default-background);
                border-inline-end: 0 solid var(--default-background);
                border-bottom: 14px solid transparent;
                content: " "
            }

            .vtimeline .timeline-wrapper .timeline-panel .timeline-title {
                font-size: 1rem;
                font-weight: 700;
                margin: 0 0 .625rem
            }

            .vtimeline .timeline-wrapper .timeline-panel .timeline-body p + p {
                margin-top: 5px
            }

            .vtimeline .timeline-wrapper .timeline-panel .timeline-body ul {
                margin-bottom: 0
            }

            .vtimeline .timeline-wrapper .timeline-panel .timeline-footer span {
                font-size: .6875rem
            }

        .vtimeline .timeline-wrapper .timeline-badge {
            width: 14px;
            height: 14px;
            position: absolute;
            top: 0;
            inset-inline-start: calc(50% - 7px);
            z-index: 0;
            border-radius: 50%;
            border: 2px solid var(--custom-white)
        }

            .vtimeline .timeline-wrapper .timeline-badge i {
                color: var(--custom-white)
            }

        .vtimeline .timeline-wrapper.timeline-inverted {
            padding-inline-end: 0;
            padding-inline-start: 90px
        }

            .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
                margin-inline-start: auto;
                margin-inline-end: 15%
            }

                .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
                    border-inline-start-width: 0;
                    border-inline-end-width: 14px;
                    inset-inline-start: -14px;
                    inset-inline-end: auto
                }

.timeline-wrapper-secondary .timeline-panel:before, .timeline-wrapper-secondary .timeline-badge {
    background: rgb(var(--secondary-rgb))
}

.timeline-wrapper-success .timeline-panel:before, .timeline-wrapper-success .timeline-badge {
    background: rgb(var(--success-rgb))
}

.timeline-wrapper-info .timeline-panel:before, .timeline-wrapper-info .timeline-badge {
    background: rgb(var(--info-rgb))
}

.timeline-wrapper-warning .timeline-panel:before, .timeline-wrapper-warning .timeline-badge {
    background: #fcd539
}

.timeline-wrapper-danger .timeline-panel:before, .timeline-wrapper-danger .timeline-badge {
    background: #f16d75
}

.timeline-wrapper-light .timeline-panel:before, .timeline-wrapper-light .timeline-badge {
    background: rgb(var(--light-rgb))
}

.timeline-wrapper-dark .timeline-panel:before, .timeline-wrapper-dark .timeline-badge {
    background: #828db1
}

.timeline-wrapper-primary .timeline-panel:before, .timeline-wrapper-primary .timeline-badge {
    background: var(--primary-color)
}

@media (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0 !important
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
        padding: 0
    }

    .card-option {
        display: inline-block !important
    }

    .card-option-title {
        margin-bottom: 10px
    }

    .header-search.dropdown {
        position: initial !important
    }

    .header-search .dropdown-menu {
        position: absolute !important;
        left: -1px !important;
        right: -1px !important;
        width: 100% !important;
        top: 100% !important
    }

    .main-content.side-content .page-header, .main-content .page-header {
        padding-top: 63px !important
    }

    .header-search.show .dropdown-menu:before {
        display: none
    }

    .timeline .btn {
        font-size: 12px
    }

    .vtimeline:before {
        left: 6px !important
    }

    .vtimeline .timeline-wrapper {
        padding-inline-end: 0 !important
    }

        .vtimeline .timeline-wrapper .timeline-badge {
            left: 0 !important
        }

        .vtimeline .timeline-wrapper .timeline-panel {
            width: auto !important;
            margin-inline-start: 15% !important
        }

            .vtimeline .timeline-wrapper .timeline-panel:after {
                border-right: 14px solid var(--default-border) !important;
                border-left: 0 solid var(--default-border) !important;
                left: -14px !important;
                right: auto !important
            }

        .vtimeline .timeline-wrapper.timeline-inverted {
            padding-inline-start: 0 !important
        }

            .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
                margin-inline-end: 0 !important;
                width: auto !important
            }

    [dir=rtl] .vtimeline:before {
        right: 6px !important;
        left: inherit !important
    }

    [dir=rtl] .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 0 solid var(--default-background) !important;
        border-left: 14px solid var(--default-background) !important;
        left: auto !important;
        right: -14px !important
    }

    [dir=rtl] .vtimeline .timeline-wrapper .timeline-badge {
        left: auto !important;
        right: 0 !important
    }
}

@media (min-width: 1270px) and (max-width: 1300px) {
    .vtimeline:before {
        bottom: 190px
    }
}

@media (min-width: 992px) and (max-width: 1270px) {
    .vtimeline:before {
        bottom: 235px
    }
}

.avatar {
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500
}

    .avatar a.badge:hover {
        color: #fff
    }

    .avatar img {
        width: 100%;
        height: 100%;
        border-radius: .688rem
    }

    .avatar.avatar-rounded, .avatar.avatar-rounded img {
        border-radius: 50%
    }

    .avatar.avatar-radius-0, .avatar.avatar-radius-0 img {
        border-radius: 0
    }

    .avatar .avatar-badge {
        position: absolute;
        inset-block-start: -4%;
        inset-inline-end: -.375rem;
        width: 1.4rem;
        height: 1.4rem;
        font-size: .625rem;
        border: 2px solid #ffffff;
        border-radius: 50% !important;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .avatar.online:before, .avatar.offline:before {
        position: absolute;
        content: "";
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        inset-inline-end: 0;
        inset-block-end: 0;
        border: 2px solid var(--custom-white)
    }

    .avatar.online:before {
        background-color: rgb(var(--success-rgb))
    }

    .avatar.offline:before {
        background-color: var(--gray-5)
    }

    .avatar.avatar-xs {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .65rem
    }

        .avatar.avatar-xs .avatar-badge {
            padding: .25rem;
            width: 1rem;
            height: 1rem;
            line-height: 1rem;
            font-size: .5rem;
            inset-block-start: -25%;
            inset-inline-end: -.5rem
        }

    .avatar.avatar-sm {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: .65rem
    }

        .avatar.avatar-sm .avatar-badge {
            padding: .3rem;
            width: 1.1rem;
            height: 1.1rem;
            line-height: 1.1rem;
            font-size: .5rem;
            inset-block-start: -38%;
            inset-inline-end: -.5rem
        }

        .avatar.avatar-sm.online:before, .avatar.avatar-sm.offline:before {
            width: .5rem;
            height: .5rem
        }

    .avatar.avatar-md {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: .8rem
    }

        .avatar.avatar-md .avatar-badge {
            padding: .4rem;
            width: 1.2rem;
            height: 1.2rem;
            line-height: 1.2rem;
            font-size: .65rem;
            inset-block-start: -6%;
            inset-inline-end: -13%
        }

        .avatar.avatar-md.online:before, .avatar.avatar-md.offline:before {
            width: .75rem;
            height: .75rem
        }

        .avatar.avatar-md svg {
            width: 1.5rem;
            height: 1.5rem
        }

    .avatar.avatar-lg {
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1rem
    }

        .avatar.avatar-lg .avatar-badge {
            inset-block-start: -15%;
            inset-inline-end: -.25%
        }

        .avatar.avatar-lg.online:before, .avatar.avatar-lg.offline:before {
            width: .8rem;
            height: .8rem
        }

        .avatar.avatar-lg svg {
            width: 1.8rem;
            height: 1.8rem
        }

    .avatar.avatar-xl {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.25rem
    }

        .avatar.avatar-xl .avatar-badge {
            inset-block-start: -8%;
            inset-inline-end: -.2%
        }

        .avatar.avatar-xl.online:before, .avatar.avatar-xl.offline:before {
            width: .95rem;
            height: .95rem
        }

    .avatar.avatar-xxl {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.5rem
    }

        .avatar.avatar-xxl .avatar-badge {
            inset-block-start: -4%;
            inset-inline-end: 0rem
        }

        .avatar.avatar-xxl.online:before, .avatar.avatar-xxl.offline:before {
            width: 1.05rem;
            height: 1.05rem;
            inset-block-end: .25rem
        }

.avatar-list-stacked {
    padding: 0
}

    .avatar-list-stacked .avatar {
        margin-inline-end: -.65rem !important;
        border: 1px solid rgba(0,0,0,.05);
        vertical-align: middle;
        transition: transform ease .2s
    }

        .avatar-list-stacked .avatar:last-child {
            margin-inline-end: 0 !important
        }

        .avatar-list-stacked .avatar:hover {
            z-index: 1;
            transform: translateY(-.188rem)
        }

.flex-none {
    flex: none
}

[dir=rtl] .avatar-list-stacked .ri-arrow-right-s-line {
    transform: rotate(180deg)
}

.color-container {
    width: 3rem;
    height: 3rem;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 3rem
}

.text-container {
    padding: .25rem .5rem;
    border-radius: .688rem;
    box-shadow: 0 .125rem #0a0a0a0a
}

.bg-body {
    background-color: var(--default-body-bg-color) !important
}

.bg-primary {
    background-color: var(--primary-color) !important;
    color: #fff !important
}

    .bg-primary.bg-opacity-10 {
        background-color: var(--primary01) !important
    }

    .bg-primary.bg-opacity-25 {
        background-color: var(--primary03) !important
    }

    .bg-primary.bg-opacity-50 {
        background-color: var(--primary05) !important
    }

    .bg-primary.bg-opacity-75 {
        background-color: var(--primary08) !important
    }

    .bg-primary.bg-opacity-100 {
        background-color: var(--primary-color) !important
    }

.bg-secondary {
    background-color: rgb(var(--secondary-rgb)) !important;
    color: #fff !important
}

    .bg-secondary.bg-opacity-10 {
        background-color: rgba(var(--secondary-rgb),.1) !important
    }

    .bg-secondary.bg-opacity-25 {
        background-color: rgba(var(--secondary-rgb),.25) !important
    }

    .bg-secondary.bg-opacity-50 {
        background-color: rgba(var(--secondary-rgb),.5) !important
    }

    .bg-secondary.bg-opacity-75 {
        background-color: rgba(var(--secondary-rgb),.75) !important
    }

    .bg-secondary.bg-opacity-100 {
        background-color: rgba(var(--secondary-rgb),1) !important
    }

.bg-info {
    background-color: rgb(var(--info-rgb)) !important;
    color: #fff !important
}

    .bg-info.bg-opacity-10 {
        background-color: rgba(var(--info-rgb),.1) !important
    }

    .bg-info.bg-opacity-25 {
        background-color: rgba(var(--info-rgb),.25) !important
    }

    .bg-info.bg-opacity-50 {
        background-color: rgba(var(--info-rgb),.5) !important
    }

    .bg-info.bg-opacity-75 {
        background-color: rgba(var(--info-rgb),.75) !important
    }

    .bg-info.bg-opacity-100 {
        background-color: rgba(var(--info-rgb),1) !important
    }

.bg-success {
    background-color: rgb(var(--success-rgb)) !important;
    color: #fff !important
}

    .bg-success.bg-opacity-10 {
        background-color: rgba(var(--success-rgb),.1) !important
    }

    .bg-success.bg-opacity-25 {
        background-color: rgba(var(--success-rgb),.25) !important
    }

    .bg-success.bg-opacity-50 {
        background-color: rgba(var(--success-rgb),.5) !important
    }

    .bg-success.bg-opacity-75 {
        background-color: rgba(var(--success-rgb),.75) !important
    }

    .bg-success.bg-opacity-100 {
        background-color: rgba(var(--success-rgb),1) !important
    }

.bg-warning {
    background-color: rgb(var(--warning-rgb)) !important;
    color: #fff !important
}

    .bg-warning.bg-opacity-10 {
        background-color: rgba(var(--warning-rgb),.1) !important
    }

    .bg-warning.bg-opacity-25 {
        background-color: rgba(var(--warning-rgb),.25) !important
    }

    .bg-warning.bg-opacity-50 {
        background-color: rgba(var(--warning-rgb),.5) !important
    }

    .bg-warning.bg-opacity-75 {
        background-color: rgba(var(--warning-rgb),.75) !important
    }

    .bg-warning.bg-opacity-100 {
        background-color: rgba(var(--warning-rgb),1) !important
    }

.bg-danger {
    background-color: rgb(var(--danger-rgb)) !important;
    color: #fff !important
}

    .bg-danger.bg-opacity-10 {
        background-color: rgba(var(--danger-rgb),.1) !important
    }

    .bg-danger.bg-opacity-25 {
        background-color: rgba(var(--danger-rgb),.25) !important
    }

    .bg-danger.bg-opacity-50 {
        background-color: rgba(var(--danger-rgb),.5) !important
    }

    .bg-danger.bg-opacity-75 {
        background-color: rgba(var(--danger-rgb),.75) !important
    }

    .bg-danger.bg-opacity-100 {
        background-color: rgba(var(--danger-rgb),1) !important
    }

.bg-dark {
    background-color: rgb(var(--dark-rgb)) !important
}

    .bg-dark.bg-opacity-10 {
        background-color: rgba(var(--dark-rgb),.1) !important
    }

    .bg-dark.bg-opacity-25 {
        background-color: rgba(var(--dark-rgb),.25) !important
    }

    .bg-dark.bg-opacity-50 {
        background-color: rgba(var(--dark-rgb),.5) !important
    }

    .bg-dark.bg-opacity-75 {
        background-color: rgba(var(--dark-rgb),.75) !important
    }

    .bg-dark.bg-opacity-100 {
        background-color: rgba(var(--dark-rgb),1) !important
    }

.bg-light {
    background-color: rgb(var(--light-rgb)) !important;
    color: var(--default-text-color)
}

    .bg-light.bg-opacity-10 {
        background-color: rgba(var(--light-rgb),.1) !important
    }

    .bg-light.bg-opacity-25 {
        background-color: rgba(var(--light-rgb),.25) !important
    }

    .bg-light.bg-opacity-50 {
        background-color: rgba(var(--light-rgb),.5) !important
    }

    .bg-light.bg-opacity-75 {
        background-color: rgba(var(--light-rgb),.75) !important
    }

    .bg-light.bg-opacity-100 {
        background-color: rgba(var(--light-rgb),1) !important
    }

.bg-white {
    background-color: var(--custom-white) !important
}

.bg-pink {
    background-color: rgb(var(--pink-rgb)) !important
}

.bg-orange {
    background-color: rgb(var(--orange-rgb)) !important
}

.bg-purple {
    background-color: rgb(var(--purple-rgb)) !important
}

.bg-green {
    background-color: #1dd871 !important
}

.bg-teal {
    background-color: rgb(var(--teal-rgb)) !important
}

.bg-blue {
    background-color: #2b3e65 !important
}

.bg-indigo {
    background-color: indigo !important
}

.bg-yellow {
    background-color: #ffc102 !important
}

.bg-primary-gradient {
    background: linear-gradient(to right,var(--primary-color) 0%,#0086ED 100%) !important;
    color: #fff
}

.bg-secondary-gradient {
    background: linear-gradient(to right,rgb(var(--secondary-rgb)),#6789d8) !important;
    color: #fff
}

.bg-warning-gradient {
    background: linear-gradient(to right,rgb(var(--warning-rgb)),#7fa53a) !important;
    color: #fff
}

.bg-info-gradient {
    background: linear-gradient(to right,rgb(var(--info-rgb)),#52f0ce) !important;
    color: #fff
}

.bg-success-gradient {
    background: linear-gradient(to right,rgb(var(--success-rgb)),#00a1c0) !important;
    color: #fff
}

.bg-danger-gradient {
    background: linear-gradient(to right,rgb(var(--danger-rgb)),#a34a88) !important;
    color: #fff
}

.bg-orange-gradient {
    background: linear-gradient(to right,rgb(var(--orange-rgb)),#9ba815) !important;
    color: #fff
}

.bg-purple-gradient {
    background: linear-gradient(to right,rgb(var(--purple-rgb)),#ff496d) !important;
    color: #fff
}

.bg-teal-gradient {
    background: linear-gradient(to right,rgb(var(--teal-rgb)),#0695dd) !important;
    color: #fff
}

.bg-light-gradient {
    background: linear-gradient(to right,rgb(var(--light-rgb)),#d1d6de) !important;
    color: #000
}

.bg-dark-gradient {
    background: linear-gradient(to right,rgb(var(--dark-rgb)),#54505d) !important;
    color: #fff
}

.bg-outline-primary {
    background-color: var(--custom-white);
    border: 1px solid var(--primary-color);
    color: var(--primary-color)
}

.bg-outline-secondary {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--secondary-rgb));
    color: rgb(var(--secondary-rgb))
}

.bg-outline-warning {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--warning-rgb));
    color: rgb(var(--warning-rgb))
}

.bg-outline-info {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--info-rgb));
    color: rgb(var(--info-rgb))
}

.bg-outline-success {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--success-rgb));
    color: rgb(var(--success-rgb))
}

.bg-outline-danger {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--danger-rgb));
    color: rgb(var(--danger-rgb))
}

.bg-outline-dark {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--dark-rgb));
    color: rgb(var(--dark-rgb))
}

.bg-outline-light {
    background-color: var(--custom-white);
    border: 1px solid rgb(var(--light-rgb));
    color: var(--custom-black)
}

.bg-gray-100 {
    background-color: var(--gray-1)
}

.bg-gray-200 {
    background-color: var(--gray-2)
}

.bg-gray-300 {
    background-color: var(--gray-3)
}

.bg-gray-400 {
    background-color: var(--gray-4)
}

.bg-gray-500 {
    background-color: var(--gray-5)
}

.bg-gray-600 {
    background-color: var(--gray-6)
}

.bg-gray-700 {
    background-color: var(--gray-7)
}

.bg-gray-800 {
    background-color: var(--gray-8)
}

.bg-gray-900 {
    background-color: var(--gray-9)
}

.bg-primary-transparent, .bg-primary-transparent:hover {
    background-color: var(--primary01) !important;
    color: var(--primary-color) !important
}

.bg-secondary-transparent, .bg-secondary-transparent:hover {
    background-color: rgba(var(--secondary-rgb),.1) !important;
    color: rgb(var(--secondary-rgb)) !important
}

.bg-info-transparent, .bg-info-transparent:hover {
    background-color: rgba(var(--info-rgb),.1) !important;
    color: rgb(var(--info-rgb)) !important
}

.bg-success-transparent, .bg-success-transparent:hover {
    background-color: rgba(var(--success-rgb),.1) !important;
    color: rgb(var(--success-rgb)) !important
}

.bg-warning-transparent, .bg-warning-transparent:hover {
    background-color: rgba(var(--warning-rgb),.1) !important;
    color: rgb(var(--warning-rgb)) !important
}

.bg-danger-transparent, .bg-danger-transparent:hover {
    background-color: rgba(var(--danger-rgb),.1) !important;
    color: rgb(var(--danger-rgb)) !important
}

.bg-light-transparent {
    background-color: rgba(var(--light-rgb),.1) !important;
    color: rgb(var(--light-rgb)) !important
}

    .bg-light-transparent:hover {
        background-color: rgba(var(--light-rgb),.1) !important;
        color: var(--default-text-color) !important
    }

.bg-dark-transparent, .bg-dark-transparent:hover {
    background-color: rgba(var(--dark-rgb),.1) !important;
    color: rgb(var(--dark-rgb)) !important
}

.bg-pink-transparent, .bg-pink-transparent:hover {
    background-color: rgba(var(--pink-rgb),.1) !important;
    color: rgb(var(--pink-rgb)) !important
}

.bg-orange-transparent, .bg-orange-transparent:hover {
    background-color: rgba(var(--orange-rgb),.1) !important;
    color: rgb(var(--orange-rgb)) !important
}

.bg-purple-transparent, .bg-purple-transparent:hover {
    background-color: rgba(var(--purple-rgb),.1) !important;
    color: rgb(var(--purple-rgb)) !important
}

.bg-teal-transparent, .bg-teal-transparent:hover {
    background-color: rgba(var(--teal-rgb),.1) !important;
    color: rgb(var(--teal-rgb)) !important
}

.bg-green-transparent, .bg-green-transparent:hover {
    background-color: #1dd8711a !important;
    color: #1dd871 !important
}

.bg-indigo-transparent, .bg-indigo-transparent:hover {
    background-color: #4b00821a !important;
    color: indigo !important
}

.bg-yellow-transparent, .bg-yellow-transparent:hover {
    background-color: #ffc1021a !important;
    color: #ffc102 !important
}

.bg-blue-transparent, .bg-blue-transparent:hover {
    background-color: #2b3e651a !important;
    color: #2b3e65 !important
}

.text-bg-primary {
    background-color: var(--primary-color) !important;
    color: #fff !important
}

.text-bg-secondary {
    background-color: rgb(var(--secondary-rgb)) !important;
    color: #fff !important
}

.text-bg-warning {
    background-color: rgb(var(--warning-rgb)) !important;
    color: #fff !important
}

.text-bg-info {
    background-color: rgb(var(--info-rgb)) !important;
    color: #fff !important
}

.text-bg-success {
    background-color: rgb(var(--success-rgb)) !important;
    color: #fff !important
}

.text-bg-danger {
    background-color: rgb(var(--danger-rgb)) !important;
    color: #fff !important
}

.text-bg-light {
    background-color: rgb(var(--light-rgb)) !important;
    color: #000 !important
}

.text-bg-dark {
    background-color: rgb(var(--dark-rgb)) !important;
    color: #fff !important
}

.svg-primary {
    fill: var(--primary-color)
}

.svg-secondary {
    fill: rgb(var(--secondary-rgb))
}

.svg-success {
    fill: rgb(var(--success-rgb))
}

.svg-danger {
    fill: rgb(var(--danger-rgb))
}

.svg-warning {
    fill: rgb(var(--warning-rgb))
}

.svg-white {
    fill: #fff
}

.svg-black {
    fill: #000
}

.svg-pink {
    fill: rgb(var(--pink-rgb))
}

.svg-orange {
    fill: rgb(var(--orange-rgb))
}

.svg-purple {
    fill: rgb(var(--purple-rgb))
}

.svg-indigo {
    fill: indigo
}

.svg-info {
    fill: rgb(var(--info-rgb))
}

.svg-yellow {
    fill: #ffc102
}

.svg-light {
    fill: rgb(var(--light-rgb))
}

.svg-dark {
    fill: rgb(var(--dark-rgb))
}

.svg-teal {
    fill: rgb(var(--teal-rgb))
}

.svg-default {
    fill: var(--default-text-color)
}

.bd-blue-100 {
    background-color: #2b3e651a;
    color: var(--default-text-color)
}

.bd-blue-200 {
    background-color: #2b3e6533;
    color: var(--default-text-color)
}

.bd-blue-300 {
    background-color: #2b3e654d;
    color: var(--default-text-color)
}

.bd-blue-400 {
    background-color: #2b3e6566;
    color: var(--default-text-color)
}

.bd-blue-500 {
    background-color: #2b3e6580;
    color: var(--default-text-color)
}

.bd-blue-600 {
    background-color: #2b3e6599;
    color: #fff
}

.bd-blue-700 {
    background-color: #2b3e65b3;
    color: #fff
}

.bd-blue-800 {
    background-color: #2b3e65cc;
    color: #fff
}

.bd-blue-900 {
    background-color: #2b3e65e6;
    color: #fff
}

.bd-blue {
    background-color: #2b3e65;
    color: #fff
}

.bd-indigo-100 {
    background-color: #4b00821a;
    color: var(--default-text-color)
}

.bd-indigo-200 {
    background-color: #4b008233;
    color: var(--default-text-color)
}

.bd-indigo-300 {
    background-color: #4b00824d;
    color: var(--default-text-color)
}

.bd-indigo-400 {
    background-color: #4b008266;
    color: var(--default-text-color)
}

.bd-indigo-500 {
    background-color: #4b008280;
    color: var(--default-text-color)
}

.bd-indigo-600 {
    background-color: #4b008299;
    color: #fff
}

.bd-indigo-700 {
    background-color: #4b0082b3;
    color: #fff
}

.bd-indigo-800 {
    background-color: #4b0082cc;
    color: #fff
}

.bd-indigo-900 {
    background-color: #4b0082e6;
    color: #fff
}

.bd-indigo {
    background-color: indigo;
    color: #fff
}

.bd-purple-100 {
    background-color: rgba(var(--purple-rgb),.1);
    color: var(--default-text-color)
}

.bd-purple-200 {
    background-color: rgba(var(--purple-rgb),.2);
    color: var(--default-text-color)
}

.bd-purple-300 {
    background-color: rgba(var(--purple-rgb),.3);
    color: var(--default-text-color)
}

.bd-purple-400 {
    background-color: rgba(var(--purple-rgb),.4);
    color: var(--default-text-color)
}

.bd-purple-500 {
    background-color: rgba(var(--purple-rgb),.5);
    color: var(--default-text-color)
}

.bd-purple-600 {
    background-color: rgba(var(--purple-rgb),.6);
    color: #fff
}

.bd-purple-700 {
    background-color: rgba(var(--purple-rgb),.7);
    color: #fff
}

.bd-purple-800 {
    background-color: rgba(var(--purple-rgb),.8);
    color: #fff
}

.bd-purple-900 {
    background-color: rgba(var(--purple-rgb),.9);
    color: #fff
}

.bd-purple {
    background-color: rgb(var(--purple-rgb));
    color: #fff
}

.bd-pink-100 {
    background-color: rgba(var(--pink-rgb),.1);
    color: var(--default-text-color)
}

.bd-pink-200 {
    background-color: rgba(var(--pink-rgb),.2);
    color: var(--default-text-color)
}

.bd-pink-300 {
    background-color: rgba(var(--pink-rgb),.3);
    color: var(--default-text-color)
}

.bd-pink-400 {
    background-color: rgba(var(--pink-rgb),.4);
    color: var(--default-text-color)
}

.bd-pink-500 {
    background-color: rgba(var(--pink-rgb),.5);
    color: var(--default-text-color)
}

.bd-pink-600 {
    background-color: rgba(var(--pink-rgb),.6);
    color: #fff
}

.bd-pink-700 {
    background-color: rgba(var(--pink-rgb),.7);
    color: #fff
}

.bd-pink-800 {
    background-color: rgba(var(--pink-rgb),.8);
    color: #fff
}

.bd-pink-900 {
    background-color: rgba(var(--pink-rgb),.9);
    color: #fff
}

.bd-pink {
    background-color: rgb(var(--pink-rgb));
    color: #fff
}

.bd-red-100 {
    background-color: #d03d461a;
    color: var(--default-text-color)
}

.bd-red-200 {
    background-color: #d03d4633;
    color: var(--default-text-color)
}

.bd-red-300 {
    background-color: #d03d464d;
    color: var(--default-text-color)
}

.bd-red-400 {
    background-color: #d03d4666;
    color: var(--default-text-color)
}

.bd-red-500 {
    background-color: #d03d4680;
    color: var(--default-text-color)
}

.bd-red-600 {
    background-color: #d03d4699;
    color: #fff
}

.bd-red-700 {
    background-color: #d03d46b3;
    color: #fff
}

.bd-red-800 {
    background-color: #d03d46cc;
    color: #fff
}

.bd-red-900 {
    background-color: #d03d46e6;
    color: #fff
}

.bd-red {
    background-color: #d03d46;
    color: #fff
}

.bd-orange-100 {
    background-color: rgba(var(--orange-rgb),.1);
    color: var(--default-text-color)
}

.bd-orange-200 {
    background-color: rgba(var(--orange-rgb),.2);
    color: var(--default-text-color)
}

.bd-orange-300 {
    background-color: rgba(var(--orange-rgb),.3);
    color: var(--default-text-color)
}

.bd-orange-400 {
    background-color: rgba(var(--orange-rgb),.4);
    color: var(--default-text-color)
}

.bd-orange-500 {
    background-color: rgba(var(--orange-rgb),.5);
    color: var(--default-text-color)
}

.bd-orange-600 {
    background-color: rgba(var(--orange-rgb),.6);
    color: #fff
}

.bd-orange-700 {
    background-color: rgba(var(--orange-rgb),.7);
    color: #fff
}

.bd-orange-800 {
    background-color: rgba(var(--orange-rgb),.8);
    color: #fff
}

.bd-orange-900 {
    background-color: rgba(var(--orange-rgb),.9);
    color: #fff
}

.bd-orange {
    background-color: rgb(var(--orange-rgb));
    color: #fff
}

.bd-yellow-100 {
    background-color: #ffc1021a;
    color: var(--default-text-color)
}

.bd-yellow-200 {
    background-color: #ffc10233;
    color: var(--default-text-color)
}

.bd-yellow-300 {
    background-color: #ffc1024d;
    color: var(--default-text-color)
}

.bd-yellow-400 {
    background-color: #ffc10266;
    color: var(--default-text-color)
}

.bd-yellow-500 {
    background-color: #ffc10280;
    color: var(--default-text-color)
}

.bd-yellow-600 {
    background-color: #ffc10299;
    color: #fff
}

.bd-yellow-700 {
    background-color: #ffc102b3;
    color: #fff
}

.bd-yellow-800 {
    background-color: #ffc102cc;
    color: #fff
}

.bd-yellow-900 {
    background-color: #ffc102e6;
    color: #fff
}

.bd-yellow {
    background-color: #ffc102;
    color: #fff
}

.bd-green-100 {
    background-color: #1dd8711a;
    color: var(--default-text-color)
}

.bd-green-200 {
    background-color: #1dd87133;
    color: var(--default-text-color)
}

.bd-green-300 {
    background-color: #1dd8714d;
    color: var(--default-text-color)
}

.bd-green-400 {
    background-color: #1dd87166;
    color: var(--default-text-color)
}

.bd-green-500 {
    background-color: #1dd87180;
    color: var(--default-text-color)
}

.bd-green-600 {
    background-color: #1dd87199;
    color: #fff
}

.bd-green-700 {
    background-color: #1dd871b3;
    color: #fff
}

.bd-green-800 {
    background-color: #1dd871cc;
    color: #fff
}

.bd-green-900 {
    background-color: #1dd871e6;
    color: #fff
}

.bd-green {
    background-color: #1dd871;
    color: #fff
}

.bd-teal-100 {
    background-color: rgba(var(--teal-rgb),.1);
    color: var(--default-text-color)
}

.bd-teal-200 {
    background-color: rgba(var(--teal-rgb),.2);
    color: var(--default-text-color)
}

.bd-teal-300 {
    background-color: rgba(var(--teal-rgb),.3);
    color: var(--default-text-color)
}

.bd-teal-400 {
    background-color: rgba(var(--teal-rgb),.4);
    color: var(--default-text-color)
}

.bd-teal-500 {
    background-color: rgba(var(--teal-rgb),.5);
    color: var(--default-text-color)
}

.bd-teal-600 {
    background-color: rgba(var(--teal-rgb),.6);
    color: #fff
}

.bd-teal-700 {
    background-color: rgba(var(--teal-rgb),.7);
    color: #fff
}

.bd-teal-800 {
    background-color: rgba(var(--teal-rgb),.8);
    color: #fff
}

.bd-teal-900 {
    background-color: rgba(var(--teal-rgb),.9);
    color: #fff
}

.bd-teal {
    background-color: rgb(var(--teal-rgb));
    color: #fff
}

.bd-cyan-100 {
    background-color: #00d1d11a;
    color: var(--default-text-color)
}

.bd-cyan-200 {
    background-color: #00d1d133;
    color: var(--default-text-color)
}

.bd-cyan-300 {
    background-color: #00d1d14d;
    color: var(--default-text-color)
}

.bd-cyan-400 {
    background-color: #00d1d166;
    color: var(--default-text-color)
}

.bd-cyan-500 {
    background-color: #00d1d180;
    color: var(--default-text-color)
}

.bd-cyan-600 {
    background-color: #00d1d199;
    color: #fff
}

.bd-cyan-700 {
    background-color: #00d1d1b3;
    color: #fff
}

.bd-cyan-800 {
    background-color: #00d1d1cc;
    color: #fff
}

.bd-cyan-900 {
    background-color: #00d1d1e6;
    color: #fff
}

.bd-cyan {
    background-color: #00d1d1;
    color: #fff
}

.bd-gray-100 {
    background-color: #8699a31a;
    color: var(--default-text-color)
}

.bd-gray-200 {
    background-color: #8699a333;
    color: var(--default-text-color)
}

.bd-gray-300 {
    background-color: #8699a34d;
    color: var(--default-text-color)
}

.bd-gray-400 {
    background-color: #8699a366;
    color: var(--default-text-color)
}

.bd-gray-500 {
    background-color: #8699a380;
    color: var(--default-text-color)
}

.bd-gray-600 {
    background-color: #8699a399;
    color: #fff
}

.bd-gray-700 {
    background-color: #8699a3b3;
    color: #fff
}

.bd-gray-800 {
    background-color: #8699a3cc;
    color: #fff
}

.bd-gray-900 {
    background-color: #8699a3e6;
    color: #fff
}

.bd-gray {
    background-color: #8699a3;
    color: #fff
}

.tag-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important
}

.tag-outline-secondary {
    color: rgb(var(--secondary-rgb)) !important;
    border-color: rgb(var(--secondary-rgb)) !important
}

.tag-outline-success {
    color: rgb(var(--success-rgb)) !important;
    border-color: rgb(var(--success-rgb)) !important
}

.tag-outline-warning {
    color: rgb(var(--warning-rgb)) !important;
    border-color: rgb(var(--warning-rgb)) !important
}

.tag-outline-info {
    color: rgb(var(--info-rgb)) !important;
    border-color: rgb(var(--info-rgb)) !important
}

.tag-outline-danger {
    color: rgb(var(--danger-rgb)) !important;
    border-color: rgb(var(--danger-rgb)) !important
}

.border-container {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: rgba(var(--light-rgb),.3)
}

.border {
    border: 1px solid var(--default-border) !important
}

    .border.border-dashed {
        border-style: dashed !important
    }

    .border.border-dotted {
        border-style: dotted !important
    }

    .border.border-primary {
        border: 1px solid var(--primary-color) !important;
        opacity: 1
    }

        .border.border-primary.border-opacity-10 {
            border-color: var(--primary01) !important
        }

        .border.border-primary.border-opacity-25 {
            border-color: var(--primary03) !important
        }

        .border.border-primary.border-opacity-50 {
            border-color: var(--primary05) !important
        }

        .border.border-primary.border-opacity-75 {
            border-color: var(--primary08) !important
        }

        .border.border-primary.border-opacity-100 {
            border-color: var(--primary-color) !important
        }

    .border.border-secondary {
        border: 1px solid rgb(var(--secondary-rgb)) !important;
        opacity: 1
    }

        .border.border-secondary.border-opacity-10 {
            border-color: rgba(var(--secondary-rgb),.1) !important
        }

        .border.border-secondary.border-opacity-25 {
            border-color: rgba(var(--secondary-rgb),.25) !important
        }

        .border.border-secondary.border-opacity-50 {
            border-color: rgba(var(--secondary-rgb),.5) !important
        }

        .border.border-secondary.border-opacity-75 {
            border-color: rgba(var(--secondary-rgb),.75) !important
        }

        .border.border-secondary.border-opacity-100 {
            border-color: rgba(var(--secondary-rgb),1) !important
        }

    .border.border-info {
        border: 1px solid rgb(var(--info-rgb)) !important;
        opacity: 1
    }

        .border.border-info.border-opacity-10 {
            border-color: rgba(var(--info-rgb),.1) !important
        }

        .border.border-info.border-opacity-25 {
            border-color: rgba(var(--info-rgb),.25) !important
        }

        .border.border-info.border-opacity-50 {
            border-color: rgba(var(--info-rgb),.5) !important
        }

        .border.border-info.border-opacity-75 {
            border-color: rgba(var(--info-rgb),.75) !important
        }

        .border.border-info.border-opacity-100 {
            border-color: rgba(var(--info-rgb),1) !important
        }

    .border.border-success {
        border: 1px solid rgb(var(--success-rgb)) !important;
        opacity: 1
    }

        .border.border-success.border-opacity-10 {
            border-color: rgba(var(--success-rgb),.1) !important
        }

        .border.border-success.border-opacity-25 {
            border-color: rgba(var(--success-rgb),.25) !important
        }

        .border.border-success.border-opacity-50 {
            border-color: rgba(var(--success-rgb),.5) !important
        }

        .border.border-success.border-opacity-75 {
            border-color: rgba(var(--success-rgb),.75) !important
        }

        .border.border-success.border-opacity-100 {
            border-color: rgba(var(--success-rgb),1) !important
        }

    .border.border-warning {
        border: 1px solid rgb(var(--warning-rgb)) !important;
        opacity: 1
    }

        .border.border-warning.border-opacity-10 {
            border-color: rgba(var(--warning-rgb),.1) !important
        }

        .border.border-warning.border-opacity-25 {
            border-color: rgba(var(--warning-rgb),.25) !important
        }

        .border.border-warning.border-opacity-50 {
            border-color: rgba(var(--warning-rgb),.5) !important
        }

        .border.border-warning.border-opacity-75 {
            border-color: rgba(var(--warning-rgb),.75) !important
        }

        .border.border-warning.border-opacity-100 {
            border-color: rgba(var(--warning-rgb),1) !important
        }

    .border.border-danger {
        border: 1px solid rgb(var(--danger-rgb)) !important;
        opacity: 1
    }

        .border.border-danger.border-opacity-10 {
            border-color: rgba(var(--danger-rgb),.1) !important
        }

        .border.border-danger.border-opacity-25 {
            border-color: rgba(var(--danger-rgb),.25) !important
        }

        .border.border-danger.border-opacity-50 {
            border-color: rgba(var(--danger-rgb),.5) !important
        }

        .border.border-danger.border-opacity-75 {
            border-color: rgba(var(--danger-rgb),.75) !important
        }

        .border.border-danger.border-opacity-100 {
            border-color: rgba(var(--danger-rgb),1) !important
        }

    .border.border-white {
        border: 1px solid #fff !important;
        opacity: 1
    }

        .border.border-white.border-opacity-10 {
            border-color: #ffffff1a !important
        }

        .border.border-white.border-opacity-25 {
            border-color: #ffffff40 !important
        }

        .border.border-white.border-opacity-50 {
            border-color: #ffffff80 !important
        }

        .border.border-white.border-opacity-75 {
            border-color: #ffffffbf !important
        }

        .border.border-white.border-opacity-100 {
            border-color: #fff !important
        }

    .border.border-light {
        border: 1px solid rgb(var(--light-rgb)) !important;
        opacity: 1
    }

        .border.border-light.border-opacity-10 {
            border-color: rgba(var(--light-rgb),.1) !important
        }

        .border.border-light.border-opacity-25 {
            border-color: rgba(var(--light-rgb),.25) !important
        }

        .border.border-light.border-opacity-50 {
            border-color: rgba(var(--light-rgb),.5) !important
        }

        .border.border-light.border-opacity-75 {
            border-color: rgba(var(--light-rgb),.75) !important
        }

        .border.border-light.border-opacity-100 {
            border-color: rgba(var(--light-rgb),1) !important
        }

    .border.border-dark {
        border: 1px solid rgb(var(--dark-rgb)) !important;
        opacity: 1
    }

        .border.border-dark.border-opacity-10 {
            border-color: rgba(var(--dark-rgb),.1) !important
        }

        .border.border-dark.border-opacity-25 {
            border-color: rgba(var(--dark-rgb),.25) !important
        }

        .border.border-dark.border-opacity-50 {
            border-color: rgba(var(--dark-rgb),.5) !important
        }

        .border.border-dark.border-opacity-75 {
            border-color: rgba(var(--dark-rgb),.75) !important
        }

        .border.border-dark.border-opacity-100 {
            border-color: rgba(var(--dark-rgb),1) !important
        }

    .border.border-opacity-10 {
        --bs-border-opacity: .1 !important
    }

    .border.border-opacity-25 {
        --bs-border-opacity: .25 !important
    }

    .border.border-opacity-50 {
        --bs-border-opacity: .5 !important
    }

    .border.border-opacity-75 {
        --bs-border-opacity: .75 !important
    }

    .border.border-opacity-100 {
        --bs-border-opacity: 1 !important
    }

    .border.border-1 {
        border-width: 1px !important
    }

    .border.border-2 {
        border-width: 2px !important
    }

    .border.border-3 {
        border-width: 3px !important
    }

    .border.border-4 {
        border-width: 4px !important
    }

    .border.border-5 {
        border-width: 5px !important
    }

    .border.border-block-start-dashed {
        border-top-style: dashed
    }

    .border.border-block-start-dotted {
        border-top-style: dotted
    }

    .border.border-inline-end-dashed {
        border-inline-end-style: dashed
    }

    .border.border-inline-end-dotted {
        border-inline-end-style: dotted
    }

    .border.border-block-end-dashed {
        border-bottom-style: dashed
    }

    .border.border-block-end-dotted {
        border-bottom-style: dotted
    }

    .border.border-inline-start-dashed {
        border-inline-start-style: dashed
    }

    .border.border-inline-start-dotted {
        border-inline-start-style: dotted
    }

    .border.border-0 {
        border: 0 !important
    }

    .border.border-top-0 {
        border-block-start: 0 !important
    }

    .border.border-end-0 {
        border-inline-end: 0 !important
    }

    .border.border-bottom-0 {
        border-block-end: 0 !important
    }

    .border.border-start-0 {
        border-inline-start: 0 !important
    }

.border-top {
    border-top: 1px solid var(--default-border) !important
}

    .border-top.border-block-start-dashed {
        border-top-style: dashed !important
    }

    .border-top.border-block-start-dotted {
        border-top-style: dotted !important
    }

    .border-top.border-primary {
        border-color: var(--primary-color) !important
    }

    .border-top.border-secondary {
        border-color: rgb(var(--secondary-rgb)) !important
    }

    .border-top.border-warning {
        border-color: rgb(var(--warning-rgb)) !important
    }

    .border-top.border-info {
        border-color: rgb(var(--info-rgb)) !important
    }

    .border-top.border-success {
        border-color: rgb(var(--success-rgb)) !important
    }

    .border-top.border-danger {
        border-color: rgb(var(--danger-rgb)) !important
    }

    .border-top.border-light {
        border-color: rgb(var(--light-rgb)) !important
    }

    .border-top.border-dark {
        border-color: rgb(var(--dark-rgb)) !important
    }

.border-end {
    border-inline-end: 1px solid var(--default-border) !important
}

    .border-end.border-inline-end-dashed {
        border-inline-end-style: dashed !important
    }

    .border-end.border-inline-end-dotted {
        border-inline-end-style: dotted !important
    }

    .border-end.border-primary {
        border-color: var(--primary-color) !important
    }

    .border-end.border-secondary {
        border-color: rgb(var(--secondary-rgb)) !important
    }

    .border-end.border-warning {
        border-color: rgb(var(--warning-rgb)) !important
    }

    .border-end.border-info {
        border-color: rgb(var(--info-rgb)) !important
    }

    .border-end.border-success {
        border-color: rgb(var(--success-rgb)) !important
    }

    .border-end.border-danger {
        border-color: rgb(var(--danger-rgb)) !important
    }

    .border-end.border-light {
        border-color: rgb(var(--light-rgb)) !important
    }

    .border-end.border-dark {
        border-color: rgb(var(--dark-rgb)) !important
    }

.border-bottom {
    border-bottom: 1px solid var(--default-border) !important
}

    .border-bottom.border-block-end-dashed {
        border-bottom-style: dashed !important
    }

    .border-bottom.border-block-end-dotted {
        border-bottom-style: dotted !important
    }

    .border-bottom.border-primary {
        border-color: var(--primary-color) !important
    }

    .border-bottom.border-secondary {
        border-color: rgb(var(--secondary-rgb)) !important
    }

    .border-bottom.border-warning {
        border-color: rgb(var(--warning-rgb)) !important
    }

    .border-bottom.border-info {
        border-color: rgb(var(--info-rgb)) !important
    }

    .border-bottom.border-success {
        border-color: rgb(var(--success-rgb)) !important
    }

    .border-bottom.border-danger {
        border-color: rgb(var(--danger-rgb)) !important
    }

    .border-bottom.border-light {
        border-color: rgb(var(--light-rgb)) !important
    }

    .border-bottom.border-dark {
        border-color: rgb(var(--dark-rgb)) !important
    }

.border-start {
    border-inline-start: 1px solid var(--default-border) !important
}

    .border-start.border-inline-start-dashed {
        border-inline-start-style: dashed !important
    }

    .border-start.border-inline-start-dotted {
        border-inline-start-style: dotted !important
    }

    .border-start.border-primary {
        border-color: var(--primary-color) !important
    }

    .border-start.border-secondary {
        border-color: rgb(var(--secondary-rgb)) !important
    }

    .border-start.border-warning {
        border-color: rgb(var(--warning-rgb)) !important
    }

    .border-start.border-info {
        border-color: rgb(var(--info-rgb)) !important
    }

    .border-start.border-success {
        border-color: rgb(var(--success-rgb)) !important
    }

    .border-start.border-danger {
        border-color: rgb(var(--danger-rgb)) !important
    }

    .border-start.border-light {
        border-color: rgb(var(--light-rgb)) !important
    }

    .border-start.border-dark {
        border-color: rgb(var(--dark-rgb)) !important
    }

.br-1 {
    border-radius: .0625rem
}

.br-2 {
    border-radius: .125rem
}

.br-3 {
    border-radius: .1875rem
}

.br-4 {
    border-radius: .25rem
}

.br-5 {
    border-radius: .3125rem
}

.br-6 {
    border-radius: .375rem
}

.br-7 {
    border-radius: .4375rem
}

.br-8 {
    border-radius: .5rem
}

.br-9 {
    border-radius: .5625rem
}

.br-10 {
    border-radius: .625rem
}

.br-15 {
    border-radius: .9375rem
}

.br-20 {
    border-radius: 1.25rem
}

.rounded {
    border-radius: .688rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-start-11 {
    border-start-start-radius: 11px !important;
    border-end-start-radius: 11px !important
}

.rounded-start-0 {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important
}

.rounded-end-0 {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important
}

.rounded-end-11 {
    border-start-end-radius: 11px !important;
    border-end-end-radius: 11px !important
}

[data-theme-mode=dark] .border.border-white {
    border: 1px solid var(--custom-white) !important
}

.ht-4 {
    height: 4px
}

.ht-6 {
    height: 6px
}

.ht-8 {
    height: 8px
}

.ht-20 {
    height: 20px
}

.ht-30 {
    height: 30px
}

.ht-40 {
    height: 40px
}

.ht-50 {
    height: 50px
}

.ht-100 {
    height: 100px
}

.ht-150 {
    height: 150px
}

.ht-200 {
    height: 200px !important
}

.ht-300 {
    height: 300px
}

.ht-100p {
    height: 100%
}

.mg-b-3 {
    margin-bottom: 3px
}

.mg-b-0 {
    margin-bottom: 0
}

.mg-t-15 {
    margin-top: 15px
}

.mg-t-10 {
    margin-top: 10px
}

.mg-b-20 {
    margin-bottom: 20px
}

.mg-t-20 {
    margin-top: 20px
}

.mg-t-25 {
    margin-top: 25px
}

@media (min-width: 576px) {
    .mg-sm-0 {
        margin: 0 !important
    }
}

@media (min-width: 576px) {
    .mg-sm-b-0 {
        margin-bottom: 0
    }

    .mg-sm-r-20 {
        margin-right: 20px
    }
}

.op-1-1 {
    opacity: 1
}

.op-0 {
    opacity: 0
}

.op-1 {
    opacity: .1
}

.op-2 {
    opacity: .2
}

.op-3 {
    opacity: .3
}

.op-4 {
    opacity: .4
}

.op-5 {
    opacity: .5
}

.op-6 {
    opacity: .6
}

.op-7 {
    opacity: .7
}

.op-8 {
    opacity: .8
}

.op-9 {
    opacity: .9
}

.pd-0 {
    padding: 0
}

.pd-r-0 {
    padding-right: 0
}

.pd-b-1 {
    padding-bottom: 1px
}

.pd-t-3 {
    padding-top: 3px
}

.pd-t-30 {
    padding-top: 30px
}

.pd-t-50 {
    padding-top: 50px
}

.pd-t-70 {
    padding-top: 70px
}

.pd-x-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

@media (min-width: 576px) {
    .pd-sm-x-0 {
        padding-left: 0;
        padding-right: 0
    }
}

.fs-sm {
    font-size: .6875rem
}

.fs-base {
    font-size: .875rem
}

.fs-lg {
    font-size: 1.125rem
}

.fs-1 {
    font-size: .0625rem
}

.fs-2 {
    font-size: .125rem
}

.fs-3 {
    font-size: .1875rem
}

.fs-4 {
    font-size: .25rem
}

.fs-5 {
    font-size: .3125rem
}

.fs-6 {
    font-size: .375rem
}

.fs-7 {
    font-size: .4375rem
}

.fs-8 {
    font-size: .5rem
}

.fs-9 {
    font-size: .5625rem
}

.fs-10 {
    font-size: .625rem !important
}

.fs-11 {
    font-size: .6875rem
}

.fs-12 {
    font-size: .75rem
}

.fs-13 {
    font-size: .8125rem !important
}

.fs-14 {
    font-size: .875rem !important
}

.fs-15 {
    font-size: .9375rem !important
}

.fs-16 {
    font-size: 1rem !important
}

.fs-17 {
    font-size: 1.0625rem
}

.fs-18 {
    font-size: 1.125rem !important
}

.fs-19 {
    font-size: 1.1875rem
}

.fs-20 {
    font-size: 1.25rem !important
}

.fs-21 {
    font-size: 1.3125rem
}

.fs-22 {
    font-size: 1.375rem
}

.fs-23 {
    font-size: 1.4375rem
}

.fs-24 {
    font-size: 1.5rem
}

.fs-25 {
    font-size: 1.5625rem !important
}

.fs-26 {
    font-size: 1.625rem !important
}

.fs-27 {
    font-size: 1.6875rem !important
}

.fs-28 {
    font-size: 1.75rem
}

.fs-29 {
    font-size: 1.8125rem
}

.fs-30 {
    font-size: 1.875rem !important
}

.fs-32 {
    font-size: 2rem
}

.fs-34 {
    font-size: 2.125rem
}

.fs-36 {
    font-size: 2.25rem
}

.fs-38 {
    font-size: 2.375rem
}

.fs-40 {
    font-size: 2.5rem
}

.fs-50 {
    font-size: 3.125rem !important
}

.text-default {
    color: var(--default-text-color)
}

.text-muted {
    color: var(--text-muted) !important
}

.text-primary {
    color: var(--primary-color) !important;
    opacity: 1
}

    .text-primary.text-opacity-75 {
        color: var(--primary08) !important
    }

    .text-primary.text-opacity-25 {
        color: var(--primary03) !important
    }

    .text-primary.text-opacity-50 {
        color: var(--primary05) !important
    }

.text-secondary {
    color: rgb(var(--secondary-rgb)) !important;
    opacity: 1
}

    .text-secondary.text-opacity-75 {
        color: rgba(var(--secondary-rgb),.75) !important
    }

    .text-secondary.text-opacity-25 {
        color: rgba(var(--secondary-rgb),.25) !important
    }

    .text-secondary.text-opacity-50 {
        color: rgba(var(--secondary-rgb),.5) !important
    }

.text-info {
    color: rgb(var(--info-rgb)) !important;
    opacity: 1
}

    .text-info.text-opacity-75 {
        color: rgba(var(--info-rgb),.75) !important
    }

    .text-info.text-opacity-25 {
        color: rgba(var(--info-rgb),.25) !important
    }

    .text-info.text-opacity-50 {
        color: rgba(var(--info-rgb),.5) !important
    }

.text-success {
    color: rgb(var(--success-rgb)) !important;
    opacity: 1
}

    .text-success.text-opacity-75 {
        color: rgba(var(--success-rgb),.75) !important
    }

    .text-success.text-opacity-25 {
        color: rgba(var(--success-rgb),.25) !important
    }

    .text-success.text-opacity-50 {
        color: rgba(var(--success-rgb),.5) !important
    }

.text-warning {
    color: rgb(var(--warning-rgb)) !important;
    opacity: 1
}

    .text-warning.text-opacity-75 {
        color: rgba(var(--warning-rgb),.75) !important
    }

    .text-warning.text-opacity-25 {
        color: rgba(var(--warning-rgb),.25) !important
    }

    .text-warning.text-opacity-50 {
        color: rgba(var(--warning-rgb),.5) !important
    }

.text-danger {
    color: rgb(var(--danger-rgb)) !important;
    opacity: 1
}

    .text-danger.text-opacity-75 {
        color: rgba(var(--danger-rgb),.75) !important
    }

    .text-danger.text-opacity-25 {
        color: rgba(var(--danger-rgb),.25) !important
    }

    .text-danger.text-opacity-50 {
        color: rgba(var(--danger-rgb),.5) !important
    }

.text-blue {
    color: #2b3e65 !important
}

.text-green {
    color: #1dd871 !important
}

.text-pink {
    color: rgb(var(--pink-rgb)) !important
}

.text-teal {
    color: rgb(var(--teal-rgb)) !important
}

.text-orange {
    color: rgb(var(--orange-rgb)) !important
}

.text-indigo {
    color: indigo !important
}

.text-purple {
    color: rgb(var(--purple-rgb)) !important
}

.text-dark {
    color: rgb(var(--dark-rgb)) !important
}

.text-light {
    color: rgb(var(--light-rgb)) !important
}

.text-gray {
    color: var(--gray-5) !important
}

.text-black {
    color: var(--custom-black) !important
}

.text-white {
    color: var(--custom-white) !important
}

.tx-white-7 {
    color: #ffffffb3 !important
}

.text-fixed-white {
    color: #fff !important
}

.text-fixed-black {
    color: #000 !important
}

.text-gray-1 {
    color: var(--gray-1)
}

.text-gray-2 {
    color: var(--gray-2)
}

.text-gray-3 {
    color: var(--gray-3)
}

.text-gray-4 {
    color: var(--gray-4)
}

.text-gray-5 {
    color: var(--gray-5)
}

.text-gray-6 {
    color: var(--gray-6)
}

.text-gray-7 {
    color: var(--gray-7)
}

.text-gray-8 {
    color: var(--gray-8)
}

.text-gray-9 {
    color: var(--gray-9)
}

a {
    text-decoration: none;
    color: var(--primary-color)
}

    a:hover {
        --bs-text-opacity: 1;
        opacity: 1;
        color: var(--primary-color)
    }

.link-primary {
    color: var(--primary-color) !important
}

    .link-primary:hover, .link-primary:focus, .link-primary:active {
        color: var(--primary-color) !important
    }

.link-secondary {
    color: rgb(var(--secondary-rgb)) !important
}

    .link-secondary:hover, .link-secondary:focus, .link-secondary:active {
        color: rgb(var(--secondary-rgb)) !important
    }

.link-success {
    color: rgb(var(--success-rgb)) !important
}

    .link-success:hover, .link-success:focus, .link-success:active {
        color: rgb(var(--success-rgb)) !important
    }

.link-danger {
    color: rgb(var(--danger-rgb)) !important
}

    .link-danger:hover, .link-danger:focus, .link-danger:active {
        color: rgb(var(--danger-rgb)) !important
    }

.link-warning {
    color: rgb(var(--warning-rgb)) !important
}

    .link-warning:hover, .link-warning:focus, .link-warning:active {
        color: rgb(var(--warning-rgb)) !important
    }

.link-info {
    color: rgb(var(--info-rgb)) !important
}

    .link-info:hover, .link-info:focus, .link-info:active {
        color: rgb(var(--info-rgb)) !important
    }

.link-light {
    color: rgb(var(--light-rgb)) !important
}

    .link-light:hover, .link-light:focus, .link-light:active {
        color: rgb(var(--light-rgb)) !important
    }

.link-dark {
    color: rgb(var(--dark-rgb)) !important
}

    .link-dark:hover, .link-dark:focus, .link-dark:active {
        color: rgb(var(--dark-rgb)) !important
    }

.blockquote-container {
    padding: 1.25rem;
    border: 1px solid var(--default-border);
    border-block-start: 4px solid var(--default-border);
    border-radius: .688rem;
    position: relative
}

    .blockquote-container:before {
        position: absolute;
        content: "";
        font-family: bootstrap-icons !important;
        width: 1.5rem;
        height: 1.5rem;
        font-size: .813rem;
        font-weight: 600;
        border: 1px solid var(--default-border);
        background-color: var(--custom-white);
        top: -.875rem;
        align-items: center;
        display: flex;
        padding: 0;
        justify-content: center;
        border-radius: 3.125rem;
        inset-inline-start: 50%;
        box-shadow: 0 .25rem 1rem #0000001a
    }

.blockquote.custom-blockquote {
    font-size: .85rem;
    font-weight: 600;
    padding: 1rem;
    border-radius: .688rem;
    position: relative
}

    .blockquote.custom-blockquote:before {
        content: "";
        font-family: bootstrap-icons !important;
        z-index: 0;
        font-size: 4rem;
        position: absolute;
        inset-block-start: -1.5rem;
        inset-inline-start: -.25rem
    }

    .blockquote.custom-blockquote .quote-icon {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3.125rem;
        position: absolute;
        inset-block-start: -1rem;
        inset-inline-end: -1rem;
        background-color: var(--custom-white)
    }

        .blockquote.custom-blockquote .quote-icon i {
            font-size: 1.75rem;
            font-weight: 500
        }

    .blockquote.custom-blockquote.primary {
        background-color: var(--primary01);
        border-inline-start: 2px solid var(--primary-color);
        border-block-start: 2px solid var(--primary-color)
    }

        .blockquote.custom-blockquote.primary .quote-icon i {
            color: var(--primary-color)
        }

        .blockquote.custom-blockquote.primary:before {
            color: var(--primary01)
        }

    .blockquote.custom-blockquote.secondary {
        background-color: rgba(var(--secondary-rgb),.1);
        border-inline-start: 2px solid rgb(var(--secondary-rgb));
        border-block-start: 2px solid rgb(var(--secondary-rgb))
    }

        .blockquote.custom-blockquote.secondary .quote-icon i {
            color: rgb(var(--secondary-rgb))
        }

        .blockquote.custom-blockquote.secondary:before {
            color: rgba(var(--secondary-rgb),.1)
        }

    .blockquote.custom-blockquote.info {
        background-color: rgba(var(--info-rgb),.1);
        border-inline-start: 2px solid rgb(var(--info-rgb));
        border-block-start: 2px solid rgb(var(--info-rgb))
    }

        .blockquote.custom-blockquote.info .quote-icon i {
            color: rgb(var(--info-rgb))
        }

        .blockquote.custom-blockquote.info:before {
            color: rgba(var(--info-rgb),.1)
        }

    .blockquote.custom-blockquote.warning {
        background-color: rgba(var(--warning-rgb),.1);
        border-inline-start: 2px solid rgb(var(--warning-rgb));
        border-block-start: 2px solid rgb(var(--warning-rgb))
    }

        .blockquote.custom-blockquote.warning .quote-icon i {
            color: rgb(var(--warning-rgb))
        }

        .blockquote.custom-blockquote.warning:before {
            color: rgba(var(--warning-rgb),.1)
        }

    .blockquote.custom-blockquote.success {
        background-color: rgba(var(--success-rgb),.1);
        border-inline-start: 2px solid rgb(var(--success-rgb));
        border-block-start: 2px solid rgb(var(--success-rgb))
    }

        .blockquote.custom-blockquote.success .quote-icon i {
            color: rgb(var(--success-rgb))
        }

        .blockquote.custom-blockquote.success:before {
            color: rgba(var(--success-rgb),.1)
        }

    .blockquote.custom-blockquote.danger {
        background-color: rgba(var(--danger-rgb),.1);
        border-inline-start: 2px solid rgb(var(--danger-rgb));
        border-block-start: 2px solid rgb(var(--danger-rgb))
    }

        .blockquote.custom-blockquote.danger .quote-icon i {
            color: rgb(var(--danger-rgb))
        }

        .blockquote.custom-blockquote.danger:before {
            color: rgba(var(--danger-rgb),.1)
        }

[data-theme-mode=dark] .shadow-sm {
    box-shadow: 0 .125rem .25rem #21252980 !important
}

[data-theme-mode=dark] .shadow {
    box-shadow: 0 .5rem 1rem #212529b3 !important
}

[data-theme-mode=dark] .shadow-lg {
    box-shadow: 0 1rem 3rem #212529e6 !important
}

@media screen and (min-width: 576px) {
    .w-sm-auto {
        width: auto
    }
}

[dir=rtl] .text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.transform-none {
    transform: none !important
}

h1, .h1 {
    font-size: 2.1875rem !important
}

h6, .h6 {
    font-size: .875rem !important
}

h3, .h3 {
    font-size: 1.53125rem
}

h2, .h2 {
    font-size: 1.75rem
}

h5, .h5 {
    font-size: 1.09375rem !important
}

h4, .h4 {
    font-size: 1.3125rem
}

.tx-inverse {
    color: #3c4858
}

.ripple {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    cursor: pointer
}

.text-white-6 {
    color: #fff9 !important
}

.fs-140 {
    font-size: 140px !important
}

.lh--7 {
    line-height: .7 !important
}

.rounded-50 {
    border-radius: 50px !important
}

.rounded-30 {
    border-radius: 30px !important
}

.t-15 {
    inset-block-start: 15px !important
}

.r-5 {
    inset-inline-end: 5px !important
}

.lh-2 {
    line-height: 2 !important
}

.wd-20 {
    width: 20px !important
}

.wd-30 {
    width: 30px !important
}

.wd-40 {
    width: 40px
}

.wd-50 {
    width: 50px
}

.wd-80 {
    width: 80px
}

.wd-120 {
    width: 120px
}

.wd-150 {
    width: 150px
}

.wd-200 {
    width: 200px
}

.wd-70p {
    width: 70%
}

.wd-80p {
    width: 80%
}

.wd-60p {
    width: 60%
}

.wd-40p {
    width: 40%
}

.wd-30p {
    width: 30% !important
}

.wd-35p {
    width: 35% !important
}

.wd-20p {
    width: 20% !important
}

.wd-10p {
    width: 10% !important
}

.wd-50p {
    width: 50%
}

.wd-100p {
    width: 100%
}

.wd-5p {
    width: 5%
}

.w-11r {
    width: 11rem
}

@media (min-width: 576px) {
    .wd-sm-100 {
        width: 100px
    }
}

@media (min-width: 992px) {
    .wd-lg-10p {
        width: 10%
    }
}

@media (min-width: 992px) {
    .wd-lg-20p {
        width: 20%
    }
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px #00000013,0 1px 2px #00000013,1px 2px 4px #00000013,1px 3px 8px #00000013,2px 4px 16px #00000013;
    pointer-events: all
}

    .swal2-popup.swal2-toast > * {
        grid-column: 2
    }

    .swal2-popup.swal2-toast .swal2-title {
        margin: .5em 1em;
        padding: 0;
        font-size: 1em;
        text-align: initial
    }

    .swal2-popup.swal2-toast .swal2-loading {
        justify-content: center
    }

    .swal2-popup.swal2-toast .swal2-input {
        height: 2em;
        margin: .5em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-validation-message {
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close {
        grid-column: 3/3;
        grid-row: 1/99;
        align-self: center;
        width: .8em;
        height: .8em;
        margin: 0;
        font-size: 2em
    }

    .swal2-popup.swal2-toast .swal2-html-container {
        margin: .5em 1em;
        padding: 0;
        overflow: initial;
        font-size: 1em;
        text-align: initial
    }

        .swal2-popup.swal2-toast .swal2-html-container:empty {
            padding: 0
        }

    .swal2-popup.swal2-toast .swal2-loader {
        grid-column: 1;
        grid-row: 1/99;
        align-self: center;
        width: 2em;
        height: 2em;
        margin: .25em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        grid-column: 1;
        grid-row: 1/99;
        align-self: center;
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0 .5em 0 0
    }

        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
            display: flex;
            align-items: center;
            font-size: 1.8em;
            font-weight: 700
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
            top: .875em;
            width: 1.375em
        }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
                left: .3125em
            }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
                right: .3125em
            }

    .swal2-popup.swal2-toast .swal2-actions {
        justify-content: flex-start;
        height: auto;
        margin: .5em 0 0;
        padding: 0 .5em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: .25em .5em;
        padding: .4em .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 1.6em;
            height: 3em;
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.8em;
                left: -.5em;
                transform: rotate(-45deg);
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.25em;
                left: .9375em;
                transform-origin: 0 1.5em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
            animation: swal2-toast-animate-success-line-tip .75s
        }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
            animation: swal2-toast-animate-success-line-long .75s
        }

    .swal2-popup.swal2-toast.swal2-show {
        animation: swal2-toast-show .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        animation: swal2-toast-hide .1s forwards
    }

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

    div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
        background: #0006
    }

    div:where(.swal2-container).swal2-backdrop-hide {
        background: transparent !important
    }

    div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
        grid-template-columns: minmax(0,1fr) auto auto
    }

    div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
        grid-template-columns: auto minmax(0,1fr) auto
    }

    div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
        grid-template-columns: auto auto minmax(0,1fr)
    }

    div:where(.swal2-container).swal2-top-start > .swal2-popup {
        align-self: start
    }

    div:where(.swal2-container).swal2-top > .swal2-popup {
        grid-column: 2;
        place-self: start center
    }

    div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
        grid-column: 3;
        place-self: start end
    }

    div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
        grid-row: 2;
        align-self: center
    }

    div:where(.swal2-container).swal2-center > .swal2-popup {
        grid-column: 2;
        grid-row: 2;
        place-self: center center
    }

    div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
        grid-column: 3;
        grid-row: 2;
        place-self: center end
    }

    div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
        grid-column: 1;
        grid-row: 3;
        align-self: end
    }

    div:where(.swal2-container).swal2-bottom > .swal2-popup {
        grid-column: 2;
        grid-row: 3;
        place-self: end center
    }

    div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
        grid-column: 3;
        grid-row: 3;
        place-self: end end
    }

    div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
        grid-column: 1/4;
        width: 100%
    }

    div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
        grid-row: 1/4;
        align-self: stretch
    }

    div:where(.swal2-container).swal2-no-transition {
        transition: none !important
    }

    div:where(.swal2-container) div:where(.swal2-popup) {
        display: none;
        position: relative;
        box-sizing: border-box;
        grid-template-columns: minmax(0,100%);
        width: 32em;
        max-width: 100%;
        padding: 0 0 1.25em;
        border: none;
        border-radius: 5px;
        background: #fff;
        color: #545454;
        font-family: inherit;
        font-size: 1rem
    }

        div:where(.swal2-container) div:where(.swal2-popup):focus {
            outline: none
        }

        div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
            overflow-y: hidden
        }

    div:where(.swal2-container) h2:where(.swal2-title) {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: .8em 1em 0;
        color: inherit;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
    }

    div:where(.swal2-container) div:where(.swal2-actions) {
        display: flex;
        z-index: 1;
        box-sizing: border-box;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: 1.25em auto 0;
        padding: 0
    }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(#0000001a,#0000001a)
        }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(#0003,#0003)
        }

    div:where(.swal2-container) div:where(.swal2-loader) {
        display: none;
        align-items: center;
        justify-content: center;
        width: 2.2em;
        height: 2.2em;
        margin: 0 1.875em;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border-width: .25em;
        border-style: solid;
        border-radius: 100%;
        border-color: #2778c4 transparent #2778c4 transparent
    }

    div:where(.swal2-container) button:where(.swal2-styled) {
        margin: .3125em;
        padding: .625em 1.1em;
        transition: box-shadow .1s;
        box-shadow: 0 0 0 3px transparent;
        font-weight: 500
    }

        div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
            cursor: pointer
        }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #7066e0;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
                box-shadow: 0 0 0 3px #7066e080
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #dc3741;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
                box-shadow: 0 0 0 3px #dc374180
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #6e7881;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
                box-shadow: 0 0 0 3px #6e788180
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
            box-shadow: 0 0 0 3px #6496c880
        }

        div:where(.swal2-container) button:where(.swal2-styled):focus {
            outline: none
        }

        div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
            border: 0
        }

    div:where(.swal2-container) div:where(.swal2-footer) {
        margin: 1em 0 0;
        padding: 1em 1em 0;
        border-top: 1px solid #eee;
        color: inherit;
        font-size: 1em;
        text-align: center
    }

    div:where(.swal2-container) .swal2-timer-progress-bar-container {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        grid-column: auto !important;
        overflow: hidden;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
        width: 100%;
        height: .25em;
        background: #0003
    }

    div:where(.swal2-container) img:where(.swal2-image) {
        max-width: 100%;
        margin: 2em auto 1em
    }

    div:where(.swal2-container) button:where(.swal2-close) {
        z-index: 2;
        align-items: center;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: -1.2em;
        padding: 0;
        overflow: hidden;
        transition: color .1s,box-shadow .1s;
        border: none;
        border-radius: 5px;
        background: transparent;
        color: #ccc;
        font-family: monospace;
        font-size: 2.5em;
        cursor: pointer;
        justify-self: end
    }

        div:where(.swal2-container) button:where(.swal2-close):hover {
            transform: none;
            background: transparent;
            color: #f27474
        }

        div:where(.swal2-container) button:where(.swal2-close):focus {
            outline: none;
            box-shadow: inset 0 0 0 3px #6496c880
        }

        div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
            border: 0
        }

    div:where(.swal2-container) .swal2-html-container {
        z-index: 1;
        justify-content: center;
        margin: 1em 1.6em .3em;
        padding: 0;
        overflow: auto;
        color: inherit;
        font-size: 1.125em;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        word-wrap: break-word;
        word-break: break-word
    }

    div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) {
        margin: 1em 2em 3px
    }

    div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) {
        box-sizing: border-box;
        width: auto;
        transition: border-color .1s,box-shadow .1s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        background: transparent;
        box-shadow: inset 0 1px 1px #0000000f,0 0 0 3px transparent;
        color: inherit;
        font-size: 1.125em
    }

        div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
            border: 1px solid #b4dbed;
            outline: none;
            box-shadow: inset 0 1px 1px #0000000f,0 0 0 3px #6496c880
        }

        div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
            color: #ccc
        }

    div:where(.swal2-container) .swal2-range {
        margin: 1em 2em 3px;
        background: #fff
    }

        div:where(.swal2-container) .swal2-range input {
            width: 80%
        }

        div:where(.swal2-container) .swal2-range output {
            width: 20%;
            color: inherit;
            font-weight: 600;
            text-align: center
        }

        div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output {
            height: 2.625em;
            padding: 0;
            font-size: 1.125em;
            line-height: 2.625em
        }

    div:where(.swal2-container) .swal2-input {
        height: 2.625em;
        padding: 0 .75em
    }

    div:where(.swal2-container) .swal2-file {
        width: 75%;
        margin-right: auto;
        margin-left: auto;
        background: transparent;
        font-size: 1.125em
    }

    div:where(.swal2-container) .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    div:where(.swal2-container) .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        background: transparent;
        color: inherit;
        font-size: 1.125em
    }

    div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox {
        align-items: center;
        justify-content: center;
        background: #fff;
        color: inherit
    }

        div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input {
            flex-shrink: 0;
            margin: 0 .4em
        }

    div:where(.swal2-container) label:where(.swal2-input-label) {
        display: flex;
        justify-content: center;
        margin: 1em auto 0
    }

    div:where(.swal2-container) div:where(.swal2-validation-message) {
        align-items: center;
        justify-content: center;
        margin: 1em 0 0;
        padding: .625em;
        overflow: hidden;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300
    }

        div:where(.swal2-container) div:where(.swal2-validation-message):before {
            content: "!";
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center
        }

    div:where(.swal2-container) .swal2-progress-steps {
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
        margin: 1.25em auto;
        padding: 0;
        background: transparent;
        font-weight: 600
    }

        div:where(.swal2-container) .swal2-progress-steps li {
            display: inline-block;
            position: relative
        }

        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
            z-index: 20;
            flex-shrink: 0;
            width: 2em;
            height: 2em;
            border-radius: 2em;
            background: #2778c4;
            color: #fff;
            line-height: 2em;
            text-align: center
        }

            div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
                background: #2778c4
            }

                div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
                    background: #add8e6;
                    color: #fff
                }

                div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
                    background: #add8e6
                }

        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
            z-index: 10;
            flex-shrink: 0;
            width: 2.5em;
            height: .4em;
            margin: 0 -1px;
            background: #2778c4
        }

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: .25em solid transparent;
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

    div:where(.swal2-icon) .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 3.75em
    }

    div:where(.swal2-icon).swal2-error {
        border-color: #f27474;
        color: #f27474
    }

        div:where(.swal2-icon).swal2-error .swal2-x-mark {
            position: relative;
            flex-grow: 1
        }

        div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
            display: block;
            position: absolute;
            top: 2.3125em;
            width: 2.9375em;
            height: .3125em;
            border-radius: .125em;
            background-color: #f27474
        }

            div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
                left: 1.0625em;
                transform: rotate(45deg)
            }

            div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
                right: 1em;
                transform: rotate(-45deg)
            }

        div:where(.swal2-icon).swal2-error.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
                animation: swal2-animate-error-x-mark .5s
            }

    div:where(.swal2-icon).swal2-warning {
        border-color: #facea8;
        color: #f8bb86
    }

        div:where(.swal2-icon).swal2-warning.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
                animation: swal2-animate-i-mark .5s
            }

    div:where(.swal2-icon).swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
    }

        div:where(.swal2-icon).swal2-info.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
                animation: swal2-animate-i-mark .8s
            }

    div:where(.swal2-icon).swal2-question {
        border-color: #c9dae1;
        color: #87adbd
    }

        div:where(.swal2-icon).swal2-question.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
                animation: swal2-animate-question-mark .8s
            }

    div:where(.swal2-icon).swal2-success {
        border-color: #a5dc86;
        color: #a5dc86
    }

        div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            border-radius: 50%
        }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.4375em;
                left: -2.0635em;
                transform: rotate(-45deg);
                transform-origin: 3.75em 3.75em;
                border-radius: 7.5em 0 0 7.5em
            }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.6875em;
                left: 1.875em;
                transform: rotate(-45deg);
                transform-origin: 0 3.75em;
                border-radius: 0 7.5em 7.5em 0
            }

        div:where(.swal2-icon).swal2-success .swal2-success-ring {
            position: absolute;
            z-index: 2;
            top: -.25em;
            left: -.25em;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            border: .25em solid rgba(165,220,134,.3);
            border-radius: 50%
        }

        div:where(.swal2-icon).swal2-success .swal2-success-fix {
            position: absolute;
            z-index: 1;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            transform: rotate(-45deg)
        }

        div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
            display: block;
            position: absolute;
            z-index: 2;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86
        }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
                top: 2.875em;
                left: .8125em;
                width: 1.5625em;
                transform: rotate(45deg)
            }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
                transform: rotate(-45deg)
            }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
            animation: swal2-animate-success-line-tip .75s
        }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
            animation: swal2-animate-success-line-long .75s
        }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
            animation: swal2-rotate-success-circular-line 4.25s ease-in
        }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotate(2deg)
    }

    33% {
        transform: translateY(0) rotate(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotate(2deg)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes swal2-toast-hide {
    to {
        transform: rotate(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    to {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    to {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    to {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    to {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    to {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    to {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    to {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    25% {
        transform: rotate(-25deg);
        opacity: .4
    }

    50% {
        transform: rotate(15deg);
        opacity: .8
    }

    75% {
        transform: rotate(-5deg);
        opacity: 1
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: transparent !important;
    pointer-events: none
}

    body.swal2-no-backdrop .swal2-container .swal2-popup {
        pointer-events: all
    }

    body.swal2-no-backdrop .swal2-container .swal2-modal {
        box-shadow: 0 0 10px #0006
    }

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
            display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
            position: static !important
        }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: transparent;
    pointer-events: none
}

    body.swal2-toast-shown .swal2-container.swal2-top {
        inset: 0 auto auto 50%;
        transform: translate(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        inset: 0 0 auto auto
    }

    body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
        inset: 0 auto auto 0
    }

    body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
        inset: 50% auto auto 0;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center {
        inset: 50% auto auto 50%;
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        inset: 50% 0 auto auto;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
        inset: auto auto 0 0
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom {
        inset: auto auto 0 50%;
        transform: translate(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        inset: auto 0 0 auto
    }

:root {
    --body-bg-rgb: 234, 237, 247;
    --primary-rgb: 98, 89, 202;
    --secondary-rgb: 241, 56, 139;
    --warning-rgb: 255, 155, 33;
    --info-rgb: 1, 184, 255;
    --success-rgb: 25, 177, 89;
    --danger-rgb: 253, 96, 116;
    --light-rgb: 234, 237, 247;
    --dark-rgb: 59, 72, 99;
    --orange-rgb: 253, 126, 20;
    --pink-rgb: 255, 117, 173;
    --teal-rgb: 0, 204, 204;
    --purple-rgb: 111, 66, 193;
    --default-body-bg-color: rgb(var(--body-bg-rgb));
    --primary-color: rgb(var(--primary-rgb));
    --primary-border: rgb(var(--primary-rgb));
    --primary01: rgba(var(--primary-rgb), .1);
    --primary02: rgba(var(--primary-rgb), .2);
    --primary03: rgba(var(--primary-rgb), .3);
    --primary04: rgba(var(--primary-rgb), .4);
    --primary05: rgba(var(--primary-rgb), .5);
    --primary06: rgba(var(--primary-rgb), .6);
    --primary07: rgba(var(--primary-rgb), .7);
    --primary08: rgba(var(--primary-rgb), .8);
    --primary09: rgba(var(--primary-rgb), .9);
    --primary005: rgba(var(--primary-rgb), .05);
    --default-font-family: "Roboto", sans-serif;
    --default-font-weight: 400;
    --default-text-color: #1d212f;
    --default-border: #e8e8f7;
    --default-background: #eaedf7;
    --menu-bg: #fff;
    --menu-prime-color: #536485;
    --menu-border-color: #e8e8f7;
    --header-bg: #fff;
    --header-prime-color: #536485;
    --header-border-color: #e8e8f7;
    --custom-white: #fff;
    --custom-black: #000;
    --bootstrap-card-border: #e8e8f7;
    --list-hover-focus-bg: #f1f2f9;
    --text-muted: #8f8fb1;
    --input-border: #e9edf6;
    --form-control-bg: #ffffff;
    --sidemenu-active-bgcolor: #eaedf7;
    --gray-1: #eaeafb;
    --gray-2: #d0d0ec;
    --gray-3: #babade;
    --gray-4: #8f8fb7;
    --gray-5: #717196;
    --gray-6: #4f4f71;
    --gray-7: #3c3c5d;
    --gray-8: #262644;
    --gray-9: #1b1b33;
    --white-1: rgba(255,255,255, .1);
    --white-2: rgba(255,255,255, .2);
    --white-3: rgba(255,255,255, .3);
    --white-4: rgba(255,255,255, .4);
    --white-5: rgba(255,255,255, .5);
    --white-6: rgba(255,255,255, .6);
    --white-7: rgba(255,255,255, .7);
    --white-8: rgba(255,255,255, .8);
    --white-9: rgba(255,255,255, .9);
    --black-1: rgba(0,0,0, .1);
    --black-2: rgba(0,0,0, .2);
    --black-3: rgba(0,0,0, .3);
    --black-4: rgba(0,0,0, .4);
    --black-5: rgba(0,0,0, .5);
    --black-6: rgba(0,0,0, .6);
    --black-7: rgba(0,0,0, .7);
    --black-8: rgba(0,0,0, .8);
    --black-9: rgba(0,0,0, .9)
}

[data-theme-mode=dark] {
    --body-bg-rgb: 14, 14, 35;
    --body-bg-rgb2: 37, 37, 56;
    --menu-bg: rgb(var(--body-bg-rgb));
    --menu-border-color: rgba(255, 255, 255, .1);
    --menu-prime-color: rgba(255,255,255,.6);
    --header-bg: rgb(var(--body-bg-rgb));
    --header-prime-color: rgba(255,255,255,.6);
    --header-border-color: rgba(255,255,255,.1);
    --custom-white: rgb(var(--body-bg-rgb));
    --custom-black: #fff;
    --default-border: rgba(255,255,255,.1);
    --default-text-color: #d0d0e2;
    --light-rgb: 43,46,65;
    --dark-rgb: 240,245,248;
    --bootstrap-card-border: rgba(255,255,255,.1);
    --list-hover-focus-bg: rgba(255,255,255,.1);
    --default-background: rgba(255,255,255,.1);
    --default-body-bg-color: rgb(var(--body-bg-rgb),.9);
    --text-muted: rgba(255,255,255,.5);
    --input-border: #313335;
    --form-control-bg: #0e0e23;
    --sidemenu-active-bgcolor: #252538;
    --gray-100: #110f0f;
    --gray-200: #17171c;
    --gray-300: #393946;
    --gray-400: #505062;
    --gray-500: #73738c;
    --gray-5: #fff;
    --gray-600: #8f8fa3;
    --gray-700: #ababba;
    --gray-800: #c7c7d1;
    --gray-900: #e3e3e8;
    --white-1: rgba(0,0,0,.1);
    --white-2: rgba(0,0,0,.2);
    --white-3: rgba(0,0,0,.3);
    --white-4: rgba(0,0,0,.4);
    --white-5: rgba(0,0,0,.5);
    --white-6: rgba(0,0,0,.6);
    --white-7: rgba(0,0,0,.7);
    --white-8: rgba(0,0,0,.8);
    --white-9: rgba(0,0,0,.9);
    --black-1: rgba(255,255,255,.05);
    --black-2: rgba(255,255,255,.2);
    --black-3: rgba(255,255,255,.3);
    --black-4: rgba(255,255,255,.4);
    --black-5: rgba(255,255,255,.5);
    --black-6: rgba(255,255,255,.6);
    --black-7: rgba(255,255,255,.7);
    --black-8: rgba(255,255,255,.8);
    --black-9: rgba(255,255,255,.9)
}

@media (max-width: 991.98px) {
    .sidemenu-layout-styles {
        display: none
    }
}

@media (max-width: 991.98px) {
    .app-header .horizontal-logo .header-logo img {
        height: 2rem;
        line-height: 2rem
    }
}

[data-theme-mode=dark]  .main-sidebar-header .header-logo .desktop-dark {
    display: block
}

[data-theme-mode=dark]  .main-sidebar-header .header-logo .desktop-logo, [data-theme-mode=dark]  .main-sidebar-header .header-logo .toggle-logo, [data-theme-mode=dark]  .main-sidebar-header .header-logo .toggle-dark, [data-theme-mode=dark]  .main-sidebar-header .header-logo .desktop-white, [data-theme-mode=dark]  .main-sidebar-header .header-logo .toggle-white {
    display: none
}

[data-theme-mode=dark] .btn-close {
    filter: invert(1)
}

[data-theme-mode=dark] .alert .btn-close {
    filter: unset
}

[data-theme-mode=dark] .dropdown-menu {
    box-shadow: 0 1rem 1.125rem #28282826
}

[data-theme-mode=dark] button.gridjs-sort, [data-theme-mode=dark] button.gridjs-sort-desc, [data-theme-mode=dark] button.gridjs-sort-asc {
    filter: invert(1)
}

[data-theme-mode=dark] .choices__list--dropdown, [data-theme-mode=dark] .choices__list[aria-expanded] {
    box-shadow: #0a0a0a33 0 .5rem 1.5rem !important
}

[data-theme-mode=dark][data-header-styles=light] .app-header .main-header-center .input-group {
    --form-control-bg: #fff;
    --input-border: #e9edf6;
    --text-muted: #8c9097;
    --default-text-color: #1d212f
}

    [data-theme-mode=dark][data-header-styles=light] .app-header .main-header-center .input-group .form-control:focus {
        --custom-white: #fff;
        --input-border: #e9edf6;
        --default-text-color: #1d212f
    }

@media (max-width: 991.98px) {
    [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .toggle-white {
        display: none
    }

    [data-header-styles=dark] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-theme-mode=dark] .app-header .horizontal-logo .header-logo .toggle-dark {
        display: block
    }
}

@media (max-width: 991.98px) {
    [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-dark {
        display: none
    }

    [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-white {
        display: block
    }
}

@media (max-width: 991.98px) {
    [data-header-styles=light] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .toggle-logo {
        display: block
    }

    [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=light] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=light] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-theme-mode=light] .app-header .horizontal-logo .header-logo .toggle-white {
        display: none
    }
}

@media (max-width: 991.98px) {
    [data-toggled=close]  {
        transition: all .3s ease;
        transform: translate(-15rem)
    }

    [data-toggled=close] .app-header {
        padding-inline-start: 0rem
    }

        [data-toggled=close] .app-header .horizontal-logo {
            display: block
        }

    [data-toggled=close][dir=rtl]  {
        transition: all .3s ease;
        transform: translate(15rem)
    }
}

@media (max-width: 991.98px) {
    [data-toggled=open]  {
        transition: all .3s ease;
        transform: translate(0)
    }

    [data-toggled=open] .app-header {
        padding-inline-start: 0rem
    }

        [data-toggled=open] .app-header .horizontal-logo {
            display: block
        }
}

[data-page-style=classic] {
    --default-border: #e1e9e8;
    --header-border-color: #e1e9e8;
    --menu-border-color: #e1e9e8
}

    [data-page-style=classic][data-theme-mode=dark] {
        --default-border: rgba(255,255,255,.1);
        --header-border-color: rgba(255,255,255,.1);
        --menu-border-color: rgba(255,255,255,.1)
    }

    [data-page-style=classic] body {
        background-color: var(--custom-white)
    }

    [data-page-style=classic] .card.custom-card {
        box-shadow: none;
        border: 1px solid var(--default-border)
    }

    [data-page-style=classic] , [data-page-style=classic] .footer, [data-page-style=classic] .app-header, [data-page-style=classic]  .main-sidebar {
        box-shadow: none
    }

    [data-page-style=classic]  {
        border-inline-end: 1px solid var(--default-border)
    }

    [data-page-style=classic][data-nav-layout=horizontal]  {
        border-block-end: 1px solid var(--menu-border-color)
    }

[data-page-style=modern] {
    --light-rgb: 255,255,255;
    --custom-white: rgb(243, 246, 248);
    --default-border: #e6ebf1
}

    [data-page-style=modern] .dropdown-menu, [data-page-style=modern] body {
        background-color: #fff
    }

    [data-page-style=modern] .card.custom-card {
        box-shadow: none;
        background-color: #f3f6f8
    }

    [data-page-style=modern][data-theme-mode=dark] {
        --light-rgb: 20, 20, 20;
        --custom-white: rgb(var(--body-bg-rgb));
        --default-border: rgb(255,255,255,.1)
    }

        [data-page-style=modern][data-theme-mode=dark] .card.custom-card {
            box-shadow: none;
            background-color: var(--custom-white)
        }

        [data-page-style=modern][data-theme-mode=dark] .dropdown-menu {
            background-color: rgb(var(--light-rgb))
        }

        [data-page-style=modern][data-theme-mode=dark] body {
            background-color: var(--default-body-bg-color)
        }

        [data-page-style=modern][data-theme-mode=dark] .btn-light {
            background-color: #ffffff1a !important;
            border-color: #ffffff1a !important
        }

            [data-page-style=modern][data-theme-mode=dark] .btn-light:hover, [data-page-style=modern][data-theme-mode=dark] .btn-light:focus, [data-page-style=modern][data-theme-mode=dark] .btn-light:active {
                background-color: #ffffff1a !important;
                border-color: #ffffff1a !important
            }

    [data-page-style=modern] , [data-page-style=modern] .footer, [data-page-style=modern] .app-header, [data-page-style=modern]  .main-sidebar {
        box-shadow: none
    }

@media (min-width: 1400px) {
    [data-width=boxed] body {
        background-color: var(--custom-white)
    }

    [data-width=boxed] .page {
        width: 1400px;
        margin: 0 auto;
        background-color: var(--default-body-bg-color);
        position: relative;
        box-shadow: 0 0 1rem var(--black-1)
    }

        [data-width=boxed] .page .app-header {
            width: 1400px;
            margin: 0 auto
        }

        [data-width=boxed] .page  {
            inset-inline-start: auto
        }

    [data-width=boxed][data-nav-layout=horizontal]  {
        width: 1400px !important
    }

    [data-width=boxed][data-page-style=classic] .page {
        background-color: var(--custom-white)
    }

    [data-width=boxed][data-page-style=classic] .card {
        box-shadow: none
    }

    [data-width=boxed][data-theme-mode=dark] {
        --default-body-bg-color: rgba(var(--body-bg-rgb), .85)
    }

        [data-width=boxed][data-theme-mode=dark] body {
            background-color: var(--default-body-bg-color)
        }

    [data-width=boxed][data-vertical-style=detached] .page {
        width: 1400px;
        box-shadow: none
    }

    [data-width=boxed][data-vertical-style=detached][data-toggled=detached-close] .app-content {
        margin-inline-start: 5rem
    }

    [data-width=boxed][data-vertical-style=detached] .app-header .main-header-container {
        width: 1400px
    }

    [data-width=boxed][data-vertical-style=detached] .app-content {
        margin-inline-start: 15rem
    }

    [data-width=boxed][data-vertical-style=doublemenu]  .main-sidebar {
        height: 100%
    }

    [data-width=boxed][data-vertical-style=doublemenu]  .simplebar-content-wrapper {
        position: initial
    }

    [data-width=boxed][data-vertical-style=doublemenu]  .simplebar-mask {
        position: inherit
    }
}

[data-menu-position=scrollable][data-nav-layout=vertical] , [data-menu-position=scrollable][data-nav-layout=vertical]  .main-sidebar-header {
    position: absolute
}

[data-menu-position=scrollable][data-nav-layout=horizontal]  {
    position: relative;
    z-index: 102
}

[data-menu-position=scrollable][data-nav-layout=horizontal] .app-content {
    margin-block-start: 4rem
}

[data-menu-position=scrollable][data-nav-layout=horizontal][data-header-position=scrollable] , [data-menu-position=scrollable][data-nav-layout=horizontal][data-header-position=scrollable] .app-header {
    position: relative
}

@media (max-width: 991.98px) {
    [data-menu-position=scrollable][data-nav-layout=horizontal]  {
        position: absolute
    }

    [data-menu-position=scrollable][data-nav-layout=horizontal] .main-content {
        margin-block-start: 0
    }

    [data-menu-position=scrollable][data-nav-layout=horizontal] .main-sidebar {
        height: 100%
    }
}

@media (min-width: 992px) {
    [data-menu-position=scrollable] .app-content {
        min-height: calc(100vh - 2.5rem)
    }
}

[data-header-position=scrollable][data-nav-layout=vertical] .app-header {
    position: absolute
}

[data-header-position=scrollable][data-nav-layout=horizontal]  {
    position: relative;
    top: 0
}

    [data-header-position=scrollable][data-nav-layout=horizontal] .sticky {
        position: sticky;
        top: 0
    }

[data-header-position=scrollable][data-nav-layout=horizontal] .app-content {
    margin-block-start: 0
}

[data-header-position=scrollable][data-nav-layout=horizontal] .app-header, [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=scrollable] , [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=scrollable] .app-header {
    position: relative
}

[data-header-position=scrollable][data-nav-layout=horizontal][data-width=boxed] .app-header {
    margin: 0
}

@media (max-width: 991.98px) {
    [data-header-position=scrollable][data-nav-layout=horizontal]  {
        position: absolute !important;
        z-index: 102
    }

    [data-header-position=scrollable][data-nav-layout=horizontal] .main-content {
        padding-block-start: 0
    }

    [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=fixed]  {
        position: fixed !important
    }

        [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=fixed]  .main-sidebar {
            margin-block-start: 3.72rem
        }

        [data-header-position=scrollable][data-nav-layout=horizontal][data-menu-position=fixed] .sticky .main-sidebar {
            margin-block-start: 0
        }

    [data-header-position=scrollable][data-nav-layout=vertical] .sticky {
        inset-block-start: 0
    }
}

[data-menu-styles=light] {
    --menu-bg: #fff;
    --menu-prime-color: #536485;
    --menu-border-color: #f3f3f3
}

    [data-menu-styles=light][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-logo {
        display: block
    }

    [data-menu-styles=light][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=light][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=light][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=light][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=light][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=light] .side-menu__label1 a {
        color: #222528;
        font-weight: 500
    }

    [data-menu-styles=light] .side-menu__label1 {
        border-block-end: 1px solid #f3f3f3 !important
    }

@media (min-width: 992px) {
    [data-menu-styles=light][data-vertical-style=doublemenu] .slide.has-sub .slide-menu {
        border-inline-end: 1px solid #f3f3f3
    }
}

[data-menu-styles=dark] {
    --menu-bg: var(--custom-white);
    --menu-prime-color: rgba(255,255,255,.4);
    --menu-border-color: rgba(255, 255, 255, .1)
}

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-dark {
        display: block
    }

    [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-dark {
        display: block
    }

    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-dark {
        display: block
    }

    [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=dark][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=dark] .side-menu__label1 a {
        color: #fff;
        font-weight: 500
    }

    [data-menu-styles=dark] .side-menu__label1 {
        border-block-end: 1px solid rgba(255,255,255,.1) !important
    }

    [data-menu-styles=dark]  .side-menu__item.active .side-menu__icon, [data-menu-styles=dark]  .side-menu__item.active .side-menu__label, [data-menu-styles=dark]  .side-menu__item.active .side-menu__angle, [data-menu-styles=dark]  .side-menu__item:hover .side-menu__icon, [data-menu-styles=dark]  .side-menu__item:hover .side-menu__label, [data-menu-styles=dark]  .side-menu__item:hover .side-menu__angle {
        color: #fff;
        fill: #fff
    }

    [data-menu-styles=dark]  .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=dark]  .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=dark]  .slide-menu.child3 .side-menu__item:hover {
        color: #fff
    }

        [data-menu-styles=dark]  .slide-menu.child1 .side-menu__item:hover:before, [data-menu-styles=dark]  .slide-menu.child2 .side-menu__item:hover:before, [data-menu-styles=dark]  .slide-menu.child3 .side-menu__item:hover:before {
            opacity: 1 !important;
            color: #fff !important
        }

    [data-menu-styles=dark]  .side-menu__item.active, [data-menu-styles=dark]  .side-menu__item:hover {
        color: #fff
    }

    [data-menu-styles=dark]  .slide-menu.child1 .side-menu__item.active:before, [data-menu-styles=dark]  .slide-menu.child2 .side-menu__item.active:before, [data-menu-styles=dark]  .slide-menu.child3 .side-menu__item.active:before {
        border-color: #fff
    }

    [data-menu-styles=dark][data-theme-mode=light] {
        --menu-bg: #0e0e23
    }

@media (min-width: 992px) {
    [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-right {
        background-color: #ffffff4d;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        border: 0
    }

        [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=dark][data-nav-layout=horizontal] .main-menu-container .slide-right svg {
            fill: #000;
            filter: invert(1)
        }

    [data-menu-styles=dark][data-vertical-style=doublemenu] .slide.has-sub .slide-menu {
        border-inline-end: 1px solid rgba(255,255,255,.1)
    }
}

[data-menu-styles=dark][data-theme-mode=light] {
    --menu-bg: #0e0e23;
    --menu-prime-color: rgba(255, 255, 255, .4);
    --menu-border-color: rgba(255, 255, 255, .1)
}

[data-menu-styles=color] {
    --menu-bg: var(--primary-color);
    --menu-prime-color: rgba(255, 255, 255, .6);
    --menu-border-color: rgba(255, 255, 255, .1)
}

    [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-white {
        display: block
    }

    [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-white {
        display: block
    }

    [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-logo {
        display: none
    }

    [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-white {
        display: block
    }

    [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-logo {
        display: none
    }

    [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-white {
        display: block
    }

    [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-logo {
        display: none
    }

    [data-menu-styles=color] .side-menu__item.active .side-menu__icon, [data-menu-styles=color] .side-menu__item.active .side-menu__label, [data-menu-styles=color] .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .side-menu__item:hover .side-menu__icon, [data-menu-styles=color] .side-menu__item:hover .side-menu__label, [data-menu-styles=color] .side-menu__item:hover .side-menu__angle {
        fill: #fff !important
    }

    [data-menu-styles=color] .slide-menu {
        --menu-bg: var(--primary-color)
    }

    [data-menu-styles=color] .side-menu__label1 a {
        color: #fff;
        font-weight: 500
    }

    [data-menu-styles=color] .side-menu__label1 {
        border-block-end: 1px solid rgba(255,255,255,.1) !important
    }

@media (min-width: 992px) {
    [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-right {
        background-color: #ffffff4d;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        border: 0
    }

        [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=color][data-nav-layout=horizontal] .main-menu-container .slide-right svg {
            fill: var(--primary-color)
        }

    [data-menu-styles=color][data-vertical-style=doublemenu] .slide.has-sub .slide-menu {
        border-inline-end: 1px solid rgba(255,255,255,.1)
    }
}

[data-menu-styles=gradient] {
    --menu-bg: linear-gradient(to left, var(--primary-color) 0%, #3487d2 100%);
    --menu-prime-color: rgba(255, 255, 255, .7);
    --menu-border-color: rgba(255, 255, 255, .1)
}

    [data-menu-styles=gradient][data-nav-layout=horizontal] {
        --menu-bg: linear-gradient(to left, var(--primary-color) 0%, #3487d2 100%)
    }

    [data-menu-styles=gradient]  .main-sidebar-header {
        background: var(--primary-color)
    }

    [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-white {
        display: block
    }

    [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar-header .header-logo .toggle-logo {
        display: none
    }

    [data-menu-styles=gradient][data-nav-layout=vertical]  .shape1, [data-menu-styles=gradient][data-nav-layout=vertical]  .shape2 {
        background-color: linear-gradient(to bottom,var(--primary-color) 0%,#3487d2 100%) !important
    }

    [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-white {
        display: block
    }

    [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-logo {
        display: none
    }

    [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-white {
        display: block
    }

    [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-layout=vertical][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-logo {
        display: none
    }

    [data-menu-styles=gradient] .side-menu__item.active .side-menu__icon, [data-menu-styles=gradient] .side-menu__item.active .side-menu__label, [data-menu-styles=gradient] .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .side-menu__item:hover .side-menu__icon, [data-menu-styles=gradient] .side-menu__item:hover .side-menu__label, [data-menu-styles=gradient] .side-menu__item:hover .side-menu__angle {
        fill: #fff !important
    }

    [data-menu-styles=gradient] .slide-menu {
        --menu-bg: var(--primary-color)
    }

    [data-menu-styles=gradient] .side-menu__label1 a {
        color: #fff;
        font-weight: 500
    }

    [data-menu-styles=gradient] .side-menu__label1 {
        border-block-end: 1px solid rgba(255,255,255,.1) !important
    }

@media (min-width: 992px) {
    [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-right {
        background-color: #ffffff4d;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        border: 0
    }

        [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=gradient][data-nav-layout=horizontal] .main-menu-container .slide-right svg {
            fill: var(--primary-color)
        }

    [data-menu-styles=gradient][data-vertical-style=doublemenu] .slide.has-sub .slide-menu {
        border-inline-end: 1px solid rgba(255,255,255,.1)
    }
}

[data-menu-styles=transparent] {
    --menu-bg: var(--default-body-bg-color)
}

    [data-menu-styles=transparent][data-theme-mode=light] {
        --menu-border-color: rgba(0, 0, 0, .07);
        --menu-bg: rgb(var(--body-bg-rgb))
    }

    [data-menu-styles=transparent][data-theme-mode=dark] {
        --menu-prime-color: rgba(255, 255, 255, .6);
        --menu-border-color: rgba(255, 255, 255, .1);
        --menu-bg: rgba(var(--body-bg-rgb2))
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark]  .main-sidebar-header .header-logo .desktop-dark {
        display: block
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-dark {
        display: block
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-dark {
        display: block
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light]  .main-sidebar-header .header-logo .desktop-logo {
        display: block
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-logo {
        display: block
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-logo {
        display: block
    }

    [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .desktop-white, [data-menu-styles=transparent][data-nav-layout=vertical][data-theme-mode=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open]  .main-sidebar-header .header-logo .toggle-white {
        display: none
    }

    [data-menu-styles=transparent][data-theme-mode=dark]  .side-menu__item.active, [data-menu-styles=transparent][data-theme-mode=dark]  .side-menu__item:hover {
        background-color: #ffffff0d
    }

    [data-menu-styles=transparent][data-theme-mode=dark][data-icon-overlay=open] , [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal] .sticky.sticky-pin {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px)
    }

    [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=menu-click]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=menu-hover]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=icon-click]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=horizontal][data-nav-style=icon-hover]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-theme-mode=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu {
        background-color: var(--custom-white)
    }

@media (min-width: 992px) {
    [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-right {
        background-color: #ffffff4d;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        border: 0
    }

        [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-menu-styles=transparent][data-nav-layout=horizontal] .main-menu-container .slide-right svg {
            fill: var(--primary-color)
        }

    [data-menu-styles=transparent][data-vertical-style=doublemenu] .side-menu__label1 {
        border-block-end: 1px solid rgba(0,0,0,.07)
    }

    [data-menu-styles=transparent][data-vertical-style=doublemenu] .slide.has-sub .slide-menu {
        border-inline-end: 1px solid rgba(0,0,0,.07)
    }

    [data-menu-styles=transparent][data-vertical-style=doublemenu][data-theme-mode=dark] .slide.has-sub .slide-menu {
        border-inline-end: 1px solid rgba(255,255,255,.1)
    }

    [data-menu-styles=transparent][data-vertical-style=doublemenu][data-theme-mode=dark]  .main-sidebar-header {
        border-inline-end: 0;
        border-block-end: 0
    }
}

[data-menu-styles=transparent] .side-menu__label1 a {
    color: var(--default-text-color);
    font-weight: 500
}

[data-header-styles=light] {
    --header-bg: #fff;
    --header-border-color: #e1e6f1;
    --header-prime-color: #4a4d51
}

    [data-header-styles=light] .main-header-container .header-link-icon:hover {
        background-color: #f0f1ff
    }

    [data-header-styles=light] .main-header-container .country-selector svg:hover {
        background-color: #f0f1ff
    }

[data-header-styles=dark] {
    --header-bg: var(--custom-white);
    --header-border-color: rgba(255, 255, 255, .1);
    --header-prime-color: rgba(255, 255, 255, .6)
}

@media (min-width: 992px) {
    [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark {
        display: block
    }

    [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=dark][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-white {
        display: none
    }
}

[data-header-styles=dark] .main-header-container .header-link:hover .header-link-icon, [data-header-styles=dark] .main-header-container .header-link.show .header-link-icon {
    fill: #fff
}

[data-header-styles=dark] .main-header-container .header-link-icon:hover {
    background-color: #ffffff1a
}

[data-header-styles=dark] .main-header-container .country-selector svg:hover {
    background-color: #ffffff1a
}

[data-header-styles=dark][data-theme-mode=light] {
    --header-bg: #011626
}

[data-header-styles=color] {
    --header-bg: var(--primary-color);
    --header-border-color: rgba(255, 255, 255, .1);
    --header-prime-color: rgba(255, 255, 255, .6)
}

@media (min-width: 992px) {
    [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-white {
        display: block
    }

    [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-white, [data-header-styles=color][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-logo {
        display: none
    }
}

[data-header-styles=color] .main-header-container .header-link:hover .header-link-icon, [data-header-styles=color] .main-header-container .header-link.show .header-link-icon {
    fill: #fff
}

[data-header-styles=color] .main-header-container .header-link-icon:hover {
    background-color: #ffffff1a
}

[data-header-styles=color] .main-header-container .country-selector svg:hover {
    background-color: #ffffff1a
}

[data-header-styles=gradient] {
    --header-bg: linear-gradient(to right, var(--primary-color) 0%, #3487d2 100%);
    --header-border-color: rgba(255, 255, 255, .1);
    --header-prime-color: rgba(255, 255, 255, .6)
}

@media (min-width: 992px) {
    [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-white {
        display: block
    }

    [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-white, [data-header-styles=gradient][data-nav-layout=horizontal] .header-element .horizontal-logo .header-logo .toggle-logo {
        display: none
    }
}

[data-header-styles=gradient] .main-header-container .header-link:hover .header-link-icon, [data-header-styles=gradient] .main-header-container .header-link.show .header-link-icon {
    fill: #fff
}

[data-header-styles=gradient] .main-header-container .header-link-icon:hover {
    background-color: #ffffff1a
}

[data-header-styles=gradient] .main-header-container .country-selector svg:hover {
    background-color: #ffffff1a
}

[data-header-styles=transparent] {
    --header-bg: rgb(var(--body-bg-rgb2))
}

    [data-header-styles=transparent] .app-header {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        box-shadow: none
    }

    [data-header-styles=transparent] .main-header-container .header-link-icon:hover {
        background-color: #0000000d
    }

    [data-header-styles=transparent][data-theme-mode=light] {
        --header-border-color: rgba(0, 0, 0, .07)
    }

    [data-header-styles=transparent][data-theme-mode=dark] {
        --header-prime-color: rgba(255, 255, 255, .6);
        --header-border-color: rgba(255, 255, 255, .1)
    }

        [data-header-styles=transparent][data-theme-mode=dark] .main-header-container .header-link-icon:hover {
            background-color: #ffffff0d
        }

@media (min-width: 992px) {
    [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .toggle-white {
        display: none
    }

    [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=light] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .desktop-dark {
        display: block
    }

    [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .desktop-white, [data-header-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark] .header-element .horizontal-logo .header-logo .toggle-white {
        display: none
    }
}

.bg-img :before, [data-bg-img=bgimg5] :before, [data-bg-img=bgimg4] :before, [data-bg-img=bgimg3] :before, [data-bg-img=bgimg2] :before, [data-bg-img=bgimg1] :before {
    background-color: rgba(var(--body-bg-rgb),.8)
}

@media only screen and (min-width: 992px) {
    .bg-img[data-nav-layout=horizontal] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu, [data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important
    }

        .bg-img[data-nav-layout=horizontal] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu:before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            inset-inline-end: 0;
            bottom: 0;
            border-radius: 0 0 .25rem .25rem;
            opacity: .9;
            background: rgb(var(--body-bg-rgb))
        }

    .bg-img[data-nav-layout=horizontal][data-menu-styles=color] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg1] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-menu-styles=dark] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, .bg-img[data-nav-layout=horizontal][data-menu-styles=gradient] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg1] ul.slide-menu:before {
        display: none
    }

    .bg-img[data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg1] ul.slide-menu:before {
        background: #f5f6f7
    }

    .bg-img[data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before {
        display: block
    }

    .bg-img[data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light]  .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
        background: #011626
    }
}

.bg-img[data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: var(--primary-color)
}

.bg-img[data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background: linear-gradient(to right,var(--primary-color) 0,rgb(var(--secondary-rgb)) 100%)
}

.bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: transparent
}

.bg-img[data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: rgb(var(--body-bg-rgb))
}

.bg-img[data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg5]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg4]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg3]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg2]  .main-sidebar-header, [data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: transparent
}

.bg-img[data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: transparent !important
}

.bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: var(--custom-white) !important
}

.bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: rgb(var(--body-bg-rgb2)) !important
}

.bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .main-sidebar-header, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .main-sidebar-header, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .main-sidebar-header, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .main-sidebar-header, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .main-sidebar-header, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .main-sidebar-header {
    border-block-end: 1px solid var(--menu-border-color)
}

.bg-img[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar .slide.side-menu__label1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg5]  .main-sidebar .slide.side-menu__label1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg4]  .main-sidebar .slide.side-menu__label1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg3]  .main-sidebar .slide.side-menu__label1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg2]  .main-sidebar .slide.side-menu__label1, [data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg1]  .main-sidebar .slide.side-menu__label1 {
    border-block-end-color: #ffffff1a !important
}

.bg-img[data-theme-mode=light][data-menu-styles=dark] :before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg5] :before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg4] :before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg3] :before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg2] :before, [data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg1] :before {
    background-color: #000c
}

.bg-img[data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu {
    background-color: #fff;
    background-image: none
}

.bg-img[data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
    background-image: none
}

.bg-img[data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-menu-styles=transparent]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-menu-styles=transparent]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-menu-styles=transparent]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-menu-styles=transparent]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
    background-color: var(--default-background)
}

.bg-img[data-menu-styles=light] :before, [data-menu-styles=light][data-bg-img=bgimg5] :before, [data-menu-styles=light][data-bg-img=bgimg4] :before, [data-menu-styles=light][data-bg-img=bgimg3] :before, [data-menu-styles=light][data-bg-img=bgimg2] :before, [data-menu-styles=light][data-bg-img=bgimg1] :before {
    background-color: #ffffffd9
}

@media only screen and (min-width: 992px) {
    .bg-img[data-menu-styles=dark][data-nav-layout=horizontal] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important
    }

        .bg-img[data-menu-styles=dark][data-nav-layout=horizontal] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu:before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            inset-inline-end: 0;
            bottom: 0;
            border-radius: 0 0 .25rem .25rem;
            opacity: .9;
            background: rgb(var(--body-bg-rgb))
        }

    .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=color] ul.slide-menu:before, .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-menu-styles=gradient] ul.slide-menu:before {
        display: none
    }

    .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg1] ul.slide-menu:before {
        background: #f5f6f7
    }

    .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=dark][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before {
        display: block
    }

    .bg-img[data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
        background: #011626
    }
}

.bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: var(--primary-color)
}

.bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background: linear-gradient(to right,var(--primary-color) 0,rgb(var(--secondary-rgb)) 100%)
}

.bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: transparent
}

.bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: rgb(var(--body-bg-rgb))
}

.bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: transparent
}

.bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: transparent !important
}

.bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: var(--custom-white) !important
}

.bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: rgb(var(--body-bg-rgb2)) !important
}

.bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .main-sidebar-header, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .main-sidebar-header {
    border-block-end: 1px solid var(--menu-border-color)
}

.bg-img[data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg5]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg4]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg3]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg2]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg1]  .main-sidebar .slide.side-menu__label1 {
    border-block-end-color: #ffffff1a !important
}

.bg-img[data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark] :before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg5] :before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg4] :before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg3] :before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg2] :before, [data-menu-styles=dark][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg1] :before {
    background-color: #000c
}

.bg-img[data-menu-styles=dark][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu {
    background-color: var(--custom-white);
    background-image: none
}

.bg-img[data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=dark][data-theme-mode=light][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu {
    background-color: #011626
}

.bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, .bg-img[data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
    background-color: rgb(var(--body-bg-rgb));
    background-image: none
}

.bg-img[data-menu-styles=color] :before, [data-menu-styles=color][data-bg-img=bgimg5] :before, [data-menu-styles=color][data-bg-img=bgimg4] :before, [data-menu-styles=color][data-bg-img=bgimg3] :before, [data-menu-styles=color][data-bg-img=bgimg2] :before, [data-menu-styles=color][data-bg-img=bgimg1] :before {
    background-color: var(--primary-color);
    opacity: .9
}

.bg-img[data-menu-styles=color][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, .bg-img[data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
    background-color: var(--primary-color);
    background-image: none
}

.bg-img[data-menu-styles=gradient] :before, [data-menu-styles=gradient][data-bg-img=bgimg5] :before, [data-menu-styles=gradient][data-bg-img=bgimg4] :before, [data-menu-styles=gradient][data-bg-img=bgimg3] :before, [data-menu-styles=gradient][data-bg-img=bgimg2] :before, [data-menu-styles=gradient][data-bg-img=bgimg1] :before {
    background: linear-gradient(to right,var(--primary-color) 0%,#3487d2 100%);
    opacity: .9
}

.bg-img[data-menu-styles=gradient][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, .bg-img[data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
    background-color: var(--primary-color);
    background-image: none
}

.bg-img[data-menu-styles=transparent][data-theme-mode=dark], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg5], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg4], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg3], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg2], [data-menu-styles=transparent][data-theme-mode=dark][data-bg-img=bgimg1] {
    --menu-prime-color: rgba(255, 255, 255, .6)
}

.bg-img[data-menu-styles=transparent] :before, [data-menu-styles=transparent][data-bg-img=bgimg5] :before, [data-menu-styles=transparent][data-bg-img=bgimg4] :before, [data-menu-styles=transparent][data-bg-img=bgimg3] :before, [data-menu-styles=transparent][data-bg-img=bgimg2] :before, [data-menu-styles=transparent][data-bg-img=bgimg1] :before {
    background-color: var(--default-body-bg-color);
    opacity: .9
}

@media only screen and (min-width: 992px) {
    .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important
    }

        .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-bg-img=bgimg1] ul.slide-menu:before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            inset-inline-end: 0;
            bottom: 0;
            border-radius: 0 0 .25rem .25rem;
            opacity: .9;
            background: rgb(var(--body-bg-rgb))
        }

    .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=color][data-bg-img=bgimg1] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before, .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-menu-styles=gradient][data-bg-img=bgimg1] ul.slide-menu:before {
        display: none
    }

    .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=light][data-bg-img=bgimg1] ul.slide-menu:before {
        background: #f5f6f7
    }

    .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg5] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg4] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg3] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg2] ul.slide-menu:before, [data-menu-styles=transparent][data-nav-layout=horizontal][data-theme-mode=dark][data-menu-styles=dark][data-bg-img=bgimg1] ul.slide-menu:before {
        display: block
    }

    .bg-img[data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=horizontal][data-nav-layout=horizontal][data-menu-styles=dark][data-theme-mode=light][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
        background: #011626
    }
}

.bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: var(--primary-color)
}

.bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background: linear-gradient(to right,var(--primary-color) 0,rgb(var(--secondary-rgb)) 100%)
}

.bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: transparent
}

.bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: rgb(var(--body-bg-rgb))
}

.bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-theme-mode=dark][data-bg-img=bgimg1]  .main-sidebar-header, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-theme-mode=dark][data-bg-img=bgimg1]  .main-sidebar-header {
    background-color: transparent
}

.bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: transparent !important
}

.bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: var(--custom-white) !important
}

.bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child1, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child2, .bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .slide.has-sub .slide-menu.child3, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .slide.has-sub .slide-menu.child3 {
    background-color: rgb(var(--body-bg-rgb2)) !important
}

.bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu]  .main-sidebar-header, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5]  .main-sidebar-header, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4]  .main-sidebar-header, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3]  .main-sidebar-header, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2]  .main-sidebar-header, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1]  .main-sidebar-header {
    border-block-end: 1px solid var(--menu-border-color)
}

.bg-img[data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg5]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg4]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg3]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg2]  .main-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-bg-img=bgimg1]  .main-sidebar .slide.side-menu__label1 {
    border-block-end-color: #ffffff1a !important
}

.bg-img[data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark] :before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg5] :before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg4] :before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg3] :before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg2] :before, [data-menu-styles=transparent][data-theme-mode=light][data-menu-styles=dark][data-bg-img=bgimg1] :before {
    background-color: #000c
}

.bg-img[data-menu-styles=transparent][data-vertical-style=doublemenu] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg5] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg4] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg3] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg2] .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu][data-bg-img=bgimg1] .slide.has-sub .slide-menu, .bg-img[data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu {
    background-color: var(--default-body-bg-color);
    background-image: none
}

.bg-img , [data-bg-img=bgimg5] , [data-bg-img=bgimg4] , [data-bg-img=bgimg3] , [data-bg-img=bgimg2] , [data-bg-img=bgimg1]  {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-inline-end: 0
}

    .bg-img  .main-sidebar-header, [data-bg-img=bgimg5]  .main-sidebar-header, [data-bg-img=bgimg4]  .main-sidebar-header, [data-bg-img=bgimg3]  .main-sidebar-header, [data-bg-img=bgimg2]  .main-sidebar-header, [data-bg-img=bgimg1]  .main-sidebar-header {
        background: transparent;
        border-inline-end: 0;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px)
    }

    .bg-img :before, [data-bg-img=bgimg5] :before, [data-bg-img=bgimg4] :before, [data-bg-img=bgimg3] :before, [data-bg-img=bgimg2] :before, [data-bg-img=bgimg1] :before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

[loader=disable] #loader {
    display: none
}

@media (min-width: 992px) {
    [data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .main-content, [data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .main-content {
        min-height: 1275px
    }

    [data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .main-content, [data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .main-content {
        min-height: 1630px
    }
}

[data-width=boxed][data-nav-style=icon-click][data-toggled=icon-click-closed][data-vertical-style=detached][data-header-position=scrollable] .app-header {
    padding-inline-start: 0rem
}

@media (min-width: 992px) {
    [data-width=boxed][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .main-content {
        min-height: 1600px
    }
}

[data-nav-layout=vertical][data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open])  .main-sidebar .main-menu {
    padding-inline-start: 20px
}

[data-page-style=classic] .btn-white {
    border-color: var(--default-border)
}

@media (min-width: 992px) {
    [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=color][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=gradient][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar-header .header-logo .toggle-logo {
        display: none !important
    }

    [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=color][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar-header .header-logo .toggle-white, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=gradient][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar-header .header-logo .toggle-white {
        display: block !important
    }

    [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=color][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=gradient][data-vertical-style=doublemenu][data-toggled=double-menu-open]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-theme-mode=light][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-theme-mode=light][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .desktop-logo {
        display: none !important
    }

    [data-nav-layout=vertical][data-theme-mode=light][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=vertical][data-theme-mode=light][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-dark {
        display: block !important
    }
}

[data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape1 {
    background: var(--sidemenu-active-bgcolor) !important
}

[data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active .shape2 {
    background: var(--sidemenu-active-bgcolor) !important
}

[data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before {
    border-inline-end: 20px solid var(--primary-color) !important
}

[data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:after {
    border-inline-end: 20px solid var(--primary-color) !important
}

[data-nav-layout=vertical][data-menu-styles=gradient][data-toggled=icon-click-closed][data-nav-style=icon-click]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-nav-layout=vertical][data-menu-styles=gradient][data-toggled=icon-hover-closed][data-nav-style=icon-hover]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before {
    display: none
}

[data-theme-mode=dark][data-menu-styles=light][data-nav-layout=horizontal] .main-menu-container .slide-left, [data-theme-mode=dark][data-menu-styles=light][data-nav-layout=horizontal] .main-menu-container .slide-right {
    color: #fff;
    border: 1px solid var(--default-border);
    background: #0000000d
}

    [data-theme-mode=dark][data-menu-styles=light][data-nav-layout=horizontal] .main-menu-container .slide-left svg, [data-theme-mode=dark][data-menu-styles=light][data-nav-layout=horizontal] .main-menu-container .slide-right svg {
        fill: #000 !important
    }

.bg-img[data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu {
    background-color: #fff
}

.bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu {
    background-color: #011626
}

.bg-img[data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu, .bg-img[data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4]  .slide.has-sub .slide-menu, [data-nav-layout=vertical][data-theme-mode=dark][data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5]  .slide.has-sub .slide-menu {
    background-color: rgb(var(--body-bg-rgb))
}

[data-vertical-style=detached][data-menu-styles=dark] , [data-vertical-style=detached][data-menu-styles=color] , [data-vertical-style=detached][data-menu-styles=gradient]  {
    border: 0
}

[data-bg-img=bgimg1][data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-bg-img=bgimg2][data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-bg-img=bgimg3][data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-bg-img=bgimg4][data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before, [data-bg-img=bgimg5][data-menu-styles=gradient][data-nav-layout=vertical]  .main-sidebar .slide.has-sub.active > .side-menu__item.active:before {
    border-inline-end: 20px solid var(--menu-bg) !important
}

[data-menu-styles=color][data-icon-text=open]  .main-sidebar .slide.active .side-menu__label, [data-menu-styles=gradient][data-icon-text=open]  .main-sidebar .slide.active .side-menu__label {
    color: var(--primary-color) !important
}

[data-theme-mode=dark][data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open][data-header-styles=light][data-header-styles=light]  .main-sidebar .slide.side-menu__label1 {
    background-color: var(--default-body-bg-color) !important
}

[data-nav-layout=vertical][data-menu-styles=transparent][data-theme-mode=dark]  .main-sidebar .slide.active > .side-menu__item.active .shape1, [data-nav-layout=vertical][data-menu-styles=transparent][data-theme-mode=dark]  .main-sidebar .slide.active > .side-menu__item.active .shape2 {
    background: none !important
}

@media (min-width: 992px) {
    [data-nav-layout=horizontal][data-nav-style=menu-hover][data-toggled=menu-hover-closed]  .slide.has-sub .slide-menu {
        inset-inline-end: auto !important
    }

    [data-nav-layout=horizontal] [data-nav-style=icon-click][data-toggled=icon-click-closed]  .slide.has-sub .slide-menu.active {
        inset-inline-start: auto !important;
        inset-inline-end: auto !important
    }

    [data-nav-layout=horizontal][data-nav-style=icon-hover]  .slide.has-sub .slide-menu.child1 {
        inset-inline-start: auto !important
    }
}

@media (min-width: 992px) {
    [data-theme-mode=light][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]  .main-sidebar-header .header-logo .toggle-white, [data-theme-mode=light][data-nav-layout=vertical][data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]  .main-sidebar-header .header-logo .toggle-white {
        display: none !important
    }
}