.user-info-img {
    width: 50px;
    height: 50px
}


.dark-red {
    color: darkred;
}


.dropdown-menu {
    top: 100%; /* Align below the button */
    left: 0; /* Align with the button's left edge */
    transform: translate(0, 0); /* Ensure no unexpected translations */
}

.search-input {
    width: 25vh;
}

@media (min-width: 900px) {
    .navbar-expand-xl {
        width: 85%;

    }
}

@media (max-width: 900px) {
    .navbar-expand-xl {
        width: 85%;
    }
}


@media (max-width: 575.98px) {
    .navbar-expand-xl {
        width: 100%;
    }

}