/* General styling for dropdown menus */
.dropdown-menu {
    position: absolute;
    top: 100%; /* Position below the parent menu */
    left: 0;
    display: none; /* Hide dropdown by default */
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
}

/* Show the dropdown when active */
.dropdown-menu.show {
    display: block;
}

/* Position the "under under menu" next to the "under menu" */
.dropdown-submenu {
    position: relative; /* Ensure proper positioning of child menus */
}

.dropdown-submenu .dropdown-menu {
    top: 0; /* Aligns with the parent menu */
    left: 100%; /* Display to the right of the parent menu */
    margin-left: 0.1rem; /* Add slight spacing */
}
/* Target the specific submenu (checkup) and its subsubmenu */
.submenu-checkup .dropdown-menu.dropdown-menu-end {
    left: -100%; /* Move it to the left of the parent submenu */
    right: auto; /* Ensure it doesn't get pushed to the right */
}

/* Optional: Add some space between the submenu and subsubmenu */
.submenu-checkup .dropdown-submenu > .dropdown-menu {
    margin-left: 0; /* Adjust this value to your liking */
}

.navbar-container{
    max-width: 100%;
}

@media screen and (max-width: 1539px) {
    .medihope-logo {
        max-height: 70px;
    }

    .nav-link {
        font-size: 14px;
    }
}

@media screen and (max-width: 1300px) {
    .medihope-logo {
        max-height: 50px;
    }

    .nav-link {
        font-size: 12px;
    }
}

@media screen and (max-width: 1109px) {
    .medihope-logo {
        max-height: 35px;
    }

    .nav-link {
        font-size: 10.5px;
    }
}