.logo-lower{
    width: 150px;
}

.logo-sticky{
    width: 120px;
}

.user-contact  p a{
    color: #4c2456;
    font-size: 17px;
}

@media (max-width: 767px) {
    .user-btns{
        display: none !important;
    }
}

/* Style for the dropdown menu */
.dropdown .submenu {
    max-height: 200px; /* Set the maximum height for the dropdown */
    overflow-y: scroll; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
    background-color: #000; /* Black background for the dropdown */
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px; /* Set the width of the dropdown */
    
}

/* Set a fixed height for each <li> item */
.dropdown .submenu li {
 
    line-height: 40px; /* Vertically center text */
    padding: 0 10px;
    border-bottom: 1px solid #333; /* Add a subtle bottom border */
}

/* Style for the links inside <li> */
.dropdown .submenu li a {
    color: white; /* White text color */
    text-decoration: none;
    display: block; /* Ensure the <a> fills the entire <li> */
    height: 100%; /* Make the <a> span the height of the <li> */
    padding-left: 10px; /* Add padding for the link text */
    transition: background-color 0.3s ease;
}

/* Hover effect */
/*  */

/* Custom scrollbar */
.dropdown .submenu::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

.dropdown .submenu::-webkit-scrollbar-track {
    background: #222; /* Dark background for the scrollbar track */
}

.dropdown .submenu::-webkit-scrollbar-thumb {
    background-color: #ef4466; /* Dark gray for the scrollbar thumb */
    border-radius: 5px; /* Round scrollbar edges */
    border: 2px solid #222; /* Space between scrollbar and track */
}

.dropdown .submenu::-webkit-scrollbar-thumb:hover {
    background-color: #ef4466; /* Change color on hover */
}



@media (min-width: 1200px) and (max-width: 1500px) {
    .responsivehome {
        padding-right: 19px;
    }
}