/*
DUAL RANGE
*/

#achat-vente .noUi-target{
    height: 8px;
    border:none !important;
}

#achat-vente .noUi-handle{
    width: 16px;
    height: 16px;
    top: -5px;
    right: -9px;
    box-shadow: none !important;
    border-radius: 100% !important;
    background: #EE6245;
    border: 2px solid #EE6245;

}
#achat-vente .noUi-handle::before, #achat-vente .noUi-handle::after{
    display: none !important;
}

#achat-vente .noUi-connects{
    background: #D1D1D1;
}

#achat-vente .noUi-connect{
    background: #EE6245;
}

#achat-vente input{
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: solid 1px white;
    border-radius: 0;
    display: grid;
    place-content: center;
    transition: border-color 0.15s ease-out, background-color 0.15s ease-out;
}

#achat-vente .radio-checkbox :where(input, label) {
    cursor: pointer;
}

#achat-vente .radio-checkbox input {
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: solid 1px white;
    border-radius: 0;
    display: grid;
    place-content: center;
    transition: border-color 0.15s ease-out, background-color 0.15s ease-out;
    position: relative;
}

#achat-vente .radio-checkbox input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    font-weight: 700;
    color: white;
    width: 80%;
    height: 80%;
    background: white;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

#achat-vente .radio-checkbox input:checked::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

#achat-vente .radio-checkbox input:checked {
    background-color: black;
    border-color: white;
}

#achat-vente .label-brand {
    cursor: pointer;
}

#achat-vente .brand-collapse .arrow-brand {
    transform: rotate(0);
    transition: transform 0.3s ease-out;
}

#achat-vente .brand-collapse.active .arrow-brand {
    transform: rotate(-180deg);
}

#achat-vente .brand-collapse .brand-content-collapse {
    height: fit-content;
    max-height: 0px;
    transition: max-height 0.5s ease-out 0.3s;
}

#achat-vente .brand-collapse.active .brand-content-collapse {
    max-height: 500px;
    transition: max-height 0.5s ease-out;
}

#achat-vente .brand-content-collapse .radio-checkbox {
    opacity: 0;
}

#achat-vente .input-price {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: transparent;
}

#achat-vente .input-price::-webkit-slider-runnable-track {
    background: #D1D1D1;
    height: 3px;
    border-radius: 360px;
}

#achat-vente .input-price::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: none;
    background: #EE6245;
    cursor: pointer;
    margin-top: -6.5px;
}

#achat-vente .input-price::-moz-range-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: none;
    background: #EE6245;
    cursor: pointer;
    margin-top: -6.5px;
}

#achat-vente .input-price::-moz-range-track {
    background: #D1D1D1;
    height: 3px;
    border-radius: 360px;
}

#achat-vente .input-price::-moz-range-progress {
    background: #EE6245;
    height: 3px;
    border-radius: 360px;
}

#achat-vente .icon-ball {
    position: relative;
}

#achat-vente .icon-ball::after {
    position: absolute;
    content: '';
    z-index: 2;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    left: 0;
    border-radius: 100%;
    background: #EE6245;
}

#achat-vente input::-webkit-outer-spin-button,
#achat-vente input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#achat-vente input[type=number] {
    -moz-appearance: textfield;
}