.hamburger {
    position: relative;
    z-index: 20; /* Ensure it is above other elements */
}

.dropdown-menu {
    display: none;
    transition: max-height 0.3s ease-in-out;
}

.dropdown-menu.active {
    display: flex;
}

.hamburger.active + .dropdown-menu {
    display: flex;
}
.custom-bg {
    background: linear-gradient(90deg, #1B4962 0%, rgba(27, 73, 98, 0.50) 100%);
}

 select {
    background-image: url('./images/icons/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 22px;
    padding-right: 40px;
    }
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;/
}