.custom-dropdown {
    background-color: #f8f9fa; /* Change the background color */
    border-radius: 0.5rem; /* Increase border radius for rounder corners */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Add shadow */
    transition: all 0.5s ease-in-out; /* Adjust transition */
    padding: 10px;
    opacity: 0; /* Start invisible */
    transform: translateY(-10px); /* Start slightly above the original position */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Add transition effects */
    margin-top: -2px;
}

.dropdown.show .custom-dropdown {
    opacity: 1; /* Fully visible when the dropdown is shown */
    transform: translateY(0); /* Move to the original position when the dropdown is shown */
}

.custom-dropdown .dropdown-item {
    color: #343a40 !important; /* Change the text color */
    padding: 0.5rem 1rem; /* Increase padding */
    border-radius: 0.5rem; /* Increase border radius for rounder corners */
    transition: all 0.5s ease-in-out; /* Adjust transition */
}

.custom-dropdown .dropdown-item:hover {
    color: #fff !important; /* Change the text color when hovering */
    background-color: #084177; /* Change the background color when hovering */
}