/* ==========================================
   Nested Submenu CSS - Multi-level Navigation
   ========================================== */

/* Nested Sub Menu Container */
.dreamit-header-menu ul li .sub-menu ul li.has-sub {
    position: relative;
}

.dreamit-header-menu ul li .sub-menu ul li.has-sub > a {
    position: relative;
}

/* Arrow Icon Positioning for Nested Menu Items */
.dreamit-header-menu ul li .sub-menu ul li.has-sub > a span {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
   
}

.dreamit-header-menu ul li .sub-menu ul li.has-sub > a span i {
    font-size: 12px;
    color: #666;
}

/* Nested Submenu Styling */
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    width: 350px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    
    padding: 10px 0;
    text-align: left;
    z-index: 99999;
    transition: all 0.3s ease;
    border-radius: 0 0 5px 5px;
    min-height: 50px;
    padding-top: 0;
}

/* Show Nested Submenu on Hover */
.dreamit-header-menu ul li .sub-menu ul li.has-sub:hover .sub-menu-nested {
    display: block;
    border-radius: 0 4px 4px 4px;
    
}

/* Keep Submenu Open When Hovering Over Nested Menu */
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested:hover {
    display: block;
}

/* Nested Submenu List Styling */
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul {
    width: 100%;

    position: relative;
}
/* .dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul::before{
    content: "";
    position: absolute;
    height: 94%;
    top: 3%;
    width: 5px;
    border-radius: 25px;
    background: #ba0007;
} */

/* .dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested p a{
        background: #f0e9e4;
    margin: 0 auto;
    width: 94%;
    border-radius: 10px;
    color: #ba0007 !important;
    border: 1px solid #e3dede;
} */
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested p a{
          border-left: 3px solid #ffffff00 ;
            display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
        margin: 0 auto;
}
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested p a:hover {
    background: #f5f5f5;
      
      border-left: 3px solid #ba0007 ;
}
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested p a:hover i{
    color: #ba0007;
}

.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested h6{
        padding: 0 0 6px 6px;
    border-bottom: 1px solid #d8cfcf;
    border-bottom-style: dashed;
    margin: 3px 13px;
       font-size: 15px;
    color: #333 !important;
       display: flex;
    justify-content: space-between;
    align-items: center;
        font-family: 'Montserrat', sans-serif;
}

.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested h6 i{
    font-size: 13px;
    color: #63636b;
    margin-left: 5px;
}
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul li {
    display: block;
    margin-right: 0px;

}

/* Nested Submenu Link Styling */
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul li a {
    padding: 8px 15px;
    transition: .5s;
    width: 100%;
    display: block;
    font-size: 14px;
    color: #333 !important;
    margin: 0;
        padding-left: 30px;
         border-left: 3px solid rgba(255, 255, 255, 0);
}

.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul li a:hover {
    color: #ba0007 !important;
    background: #ebebeb;
    border-left: 3px solid #ba0007 ;
}
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested p a i {
    color: #63636b;
    float: right;
    padding: 8px;
}
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul li a span i{
    margin-right: 5px;
}
.dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested ul li a:hover span i {
    color: #ba0007 !important;
    background: #ebebeb;
}
/* ==========================================
   Responsive Design for Nested Menus
   ========================================== */

/* Prevent submenu cutoff near screen edges */
/* @media (max-width: 1400px) {
    .dreamit-header-menu ul li .sub-menu ul li .sub-menu-nested {
        
        right: 100%;
    }
} */

/* Desktop only - hide nested menus on smaller screens */


/* ==========================================
   Additional Enhancements
   ========================================== */

/* Smooth hover transition for parent items */
.dreamit-header-menu ul li .sub-menu ul li.has-sub > a:hover {
    background: #f5f5f5;
}

/* Ensure main submenu has visible overflow for nested items */
.dreamit-header-menu ul li .sub-menu {
    overflow: visible !important;
}

/* Better spacing for nested menu arrows */
.dreamit-header-menu ul li .sub-menu ul li.has-sub > a {
    padding-right: 35px;
}

.menupp{ margin-bottom: 0px; border-bottom: dotted 1px #d8cfcf;}