.eu-districts-map__content__districts .inner::-webkit-scrollbar{
    width: 25px;
    background-color: transparent;
}

.eu-districts-map__content__districts .inner::-webkit-scrollbar-thumb {
    background: var(--eu-orange);
}

.eu-districts-map__content__districts .inner {
    position: static;
    scrollbar-color: var(--eu-orange);
}

.eu-districts-map__content__districts .inner > div{
    direction: ltr; 
    max-width: calc(400px + 4rem);
    padding-right: 4rem;
}

.eu-districts-map__content__districts {
/*    max-height: 400px; */
}
.eu-districts-map__content__districts .inner:before,
.eu-districts-map__content__districts .inner:after {
    content: "";
    background: url(../../images/icons/arrow-down-orange.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    background-size: 15px;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
.eu-districts-map__content__districts .inner:before {
    transform: rotate(180deg);
    top: 25px;
}

.eu-districts-map__content__districts .inner:after {
    bottom: 25px;
}

@media (max-width: 640px) {
    .eu-districts-map__content__districts .inner:before,
    .eu-districts-map__content__districts .inner:after {
        content: none;
    }
}

@media (min-width: 991px) {
    .eu-districts-map__content__districts .inner:before,
    .eu-districts-map__content__districts .inner:after {
        background-size: 15px;
    }
}

@media (min-width: 1024px) {
    .eu-districts-map__content__body {
        max-height: 500px;
    }

    .eu-districts-map__content__districts {
        max-height: 100%;
    }
}