input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #C5C5C5;
    border-radius: 5px;
    outline: none;
    margin: 20px 0;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: var(--orange);
    border-radius: 50%;
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--orange);
    border-radius: 50%;
    cursor: pointer;
}

.icon-date {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.icon-address {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

@media (max-width: 1024px) {
    .icon-address{
        right: 4%;
    }
}