.filter-wrapper-desktop .select {
    display:flex;
    flex-direction: column;
    position:relative;
    width:250px;
    height:40px;
}

.filter-wrapper-desktop .option {
    padding:0 30px 0 10px;
    min-height:40px;
    display:flex;
    align-items:center;
    background: var(--bleker-lightblue);
    position:absolute;
    top:0;
    width: 100%;
    pointer-events:none;
    order:2;
    z-index:1;
    transition: background .4s ease-in-out;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    color: #fff;
}
button.reset-button {
    background: #d50032;
    border: 0;
    color: #fff;
}
.filter-wrapper-desktop .select {
    border-right: 1px solid var(--schalke-blue);
}
.filter-wrapper-desktop .select-fuel {
    border-right: 0;
}

.filter-wrapper-desktop .option:hover {
    background: var(--bleker-lightblue);
    color: #fff;
}

.filter-wrapper-desktop  .select:focus .option {
    position:relative;
    pointer-events:all;
}

.filter-wrapper-desktop input {
    opacity:0;
    position:absolute;
    left:-99999px;
}

.filter-wrapper-desktop input:checked + label {
    order: 1;
    z-index:2;
    background: #012f6c;
    border-top:none;
    position:relative;
    /*color: var(--bleker-lightblue);*/
}

.filter-wrapper-desktop input:checked + label:after {
    content:'';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--bleker-lightblue);
    position:absolute;
    right:10px;
    top:calc(50% - 2.5px);
    pointer-events:none;
    z-index:3;
}

.filter-wrapper-desktop input:checked + label:before {
    position:absolute;
    right:0;
    height: 40px;
    width: 40px;
    content: '';
    background: #012f6c;
}

/*End Filter select box*/