.maps-for-projects_dlc {
    padding-block: 100px;
    margin-top: -250px;
}

.maps-for-projects_dlc .header-map-project{
    display: flex;
    gap: 60px;
    padding-inline: 60px;
    align-items: center;
}

.maps-for-projects_dlc .filters{
    display: flex;
    gap: 24px;
}

.maps-for-projects_dlc .filters select {
    height: 56px;
    min-width: 245px;
    border-radius: 50px;
    padding-inline: 16px;
    background: white;
    border: 1px solid #AAA;
    font-size: 16px;
}

.maps-for-projects_dlc #map {
    height: 700px;
    border-radius: 20px;
    margin-top: 60px;
}

.maps-for-projects_dlc .leaflet-popup-content {
    font-size: 14px;
    line-height: 1.6;
}

.maps-for-projects_dlc .leaflet-popup-content p{
    font-size: var(--fs-16);
    line-height: 22px;
}

.maps-for-projects_dlc .leaflet-popup-content p strong{
    font-size: var(--fs-20);
    display: block;
    margin-bottom: 15px;
}

.maps-for-projects_dlc .leaflet-popup-content .beneficiaries,
.maps-for-projects_dlc .leaflet-popup-content .beneficiaries strong{
    font-size: var(--fs-14);
}

.maps-for-projects_dlc .leaflet-control-attribution {
    display: none;
}

.maps-for-projects_dlc select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (max-width: 768px) {
    .maps-for-projects_dlc {
        padding-block: 45px;
    }
    
    .maps-for-projects_dlc .filters{
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .maps-for-projects_dlc .header-map-project {
        gap: 24px;
        padding-inline: 0;
        align-items: flex-start;
        flex-direction: column;
    }

    .maps-for-projects_dlc .header-map-project h2{
        max-width: 50%;
    }

    .maps-for-projects_dlc #map {
        margin-top: 32px;
    }

    .maps-for-projects_dlc .filters select{
        width: 100%;
    }

    .maps-for-projects_dlc {
        margin-top: -150px !important;
    }

    .maps-for-projects_dlc .header-map-project{
        top: 40px !important;
        left: 50% !important;
    }
}

.maps-for-projects_dlc .maps-for-projects_dlc__map{
    position: relative;
}

.maps-for-projects_dlc .header-map-project{
    position: absolute;
    top: 50px;
    left: 25%;
    transform: translateX(-50%);
    z-index: 1000;
    background: rgba(255, 255, 255, 0.9);
    padding: 12px 20px;
    border-radius: 50px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}