/* sidebar */
.main_section .content_sec .sidebar_main_sec {
    background: transparent
        linear-gradient(180deg, #1b1a23 0%, #14141c 62%, #16161a 100%) 0% 0%
        no-repeat padding-box;
    border-radius: 0px 9px;
    opacity: 1;
    height: 90vh;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.main_section .content_sec .sidebar_main_sec .sideber-inner-sec {
    padding-top: 24px;
}
/* Styling for the accordion item */
.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item {
    margin-bottom: 5px;
    border: none; /* Remove borders */
    background: none;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button
    i {
    padding-right: 10px;
}

/* Add hover effect for the accordion item */

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-header
    .accordion-button:hover {
    border: 1px solid white;
    transition: 0.2s ease-in-out;
}

/* Default styles for the accordion button */
.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button {
    background: #000000; /* Black background */
    color: white; /* White text */
    backdrop-filter: blur(6px);
    box-shadow: none;
    padding: 10px !important;
    border: 1px solid #000;
    transition: 0.2s ease-in-out;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button
    a {
    text-decoration: none;
    color: white;
    font-size: 14px;
}

/* Change styles when the accordion is expanded */
.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button:not(.collapsed) {
    background: #ffffff !important;
    color: #000;
    font-weight: 700;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button:not(.collapsed)
    a {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button:not(.collapsed)
    .fa-solid {
    filter: invert(1);
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button
    img {
    filter: invert(1);
    margin-right: 10px;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-button:not(.collapsed)
    img {
    filter: none;
}

.accordion-button::after {
    filter: invert(1);
}

.accordion-button:not(.collapsed)::after {
    filter: unset;
}

.no-submenu::after {
    display: none; /* Hides the default arrow icon */
}

/* Accordion body styling */
.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-body {
    padding: 7px 0px 0px 0px;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-body
    .nav-item {
    background: #000000;
    color: white;
    width: 90%;
    float: right;
    padding: 10px 10px;
    font-size: 14px;
    margin-bottom: 2px;
    border-radius: 5px 0px 0px 5px;
    transition: 0.4s ease-in-out;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-body
    .nav-item.active {
    background: #fff !important;
    color: #000 !important;
    font-weight: 700;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-body
    .nav-item
    a {
    text-decoration: none;
    color: white;
    transition: 0.4s ease-in-out;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-body
    .nav-item:hover {
    padding-left: 36px;
    transition: 0.4s ease-in-out;
}

/* Additional styles to revert previous items */
.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    .sidebar-menus-sec
    .accordion-item
    .accordion-collapse {
    /* background: #000000;  */
}

.main_section .content_sec .sidebar_main_sec .sideber-inner-sec ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main_section .content_sec .sidebar_main_sec .sideber-inner-sec ul li {
    background-color: black;
    color: #000;
    padding: 8px 15px;
    margin-top: 5px;
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    ul
    li
    .sideber-link-holder {
    display: flex;
    justify-content: space-between;
}

.main_section .content_sec .sidebar_main_sec .sideber-inner-sec ul li a {
    text-decoration: none;
    color: white;
    font-size: 14px;
}

.main_section .content_sec .sidebar_main_sec .sideber-inner-sec ul .submenu {
    display: none;
    /* Hide submenu by default */
    padding-left: 20px;
    /* Indent the submenu items */
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    ul
    .submenu
    .submenu-list {
    display: none;
    /* Hide submenu by default */
    padding-left: 20px;
    /* Indent the submenu items */
}

.main_section
    .content_sec
    .sidebar_main_sec
    .sideber-inner-sec
    ul
    .submenu
    li
    a {
    color: #ccc;
    /* Lighter color for submenu links */
}

.toggle-submenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    /* Adds space above and below */
    position: relative;
    /* Ensures submenu appears below the item */
}

.main-link {
    flex-grow: 1;
    /* This will push the arrow to the right */
    text-decoration: none;
    /* Removes underline from the link */
}

.toggle-arrow {
    cursor: pointer;
    /* Makes the arrow look clickable */
    padding-left: 10px;
    /* Adds some space between the label and arrow */
}

.submenu {
    display: none;
    /* Hide the submenu by default */
    padding-left: 20px;
    /* Indents the submenu slightly */
}

.submenu.active {
    display: block;
    /* Shows the submenu when active */
}

.rotated {
    transform: rotate(180deg);
    /* Rotates the arrow when submenu is open */
    transition: transform 0.3s ease;
}

@media (min-width: 0px) and (max-width: 379px) {
}

@media (min-width: 380px) and (max-width: 419px) {
}

@media (min-width: 420px) and (max-width: 485px) {
}

@media (min-width: 486px) and (max-width: 539px) {
}

@media (min-width: 540px) and (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    .main_section .content_sec .sidebar_main_sec .sideber-inner-sec ul li a {
        font-size: 13px;
    }

    .main_section
        .content_sec
        .sidebar_main_sec
        .sideber-inner-sec
        .sidebar-menus-sec
        .accordion-item
        .accordion-button:not(.collapsed)
        a {
        color: #000000;
        font-size: 10px;
    }

    .main_section
        .content_sec
        .sidebar_main_sec
        .sideber-inner-sec
        .sidebar-menus-sec
        .accordion-item
        .accordion-button
        a {
        text-decoration: none;
        color: white;
        font-size: 10px;
    }

    .main_section
        .content_sec
        .sidebar_main_sec
        .sideber-inner-sec
        .sidebar-menus-sec
        .accordion-item
        .accordion-button
        img {
        width: 16px;
        height: 16px;
    }
    .main_section
        .content_sec
        .sidebar_main_sec
        .sideber-inner-sec
        .sidebar-menus-sec
        .accordion-item
        .accordion-body
        .nav-item {
        font-size: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
}