@import url('components/class.css?v=7');

.jobs-search{
   background-color: var(--picton-blue-25);
}
.jobs-search form option{
    font-size: 13px;
}

.checks .d-flex , .ranges .d-flex{
    justify-content: space-between;
    margin: 5px 0;
}

.slider-recruiters-container{
    width: 350px;
}
.slider-jobs-container{
    width: 300px;
}
.filter-close {
    cursor: pointer;
}

.filter-global {
    opacity: 0;
    pointer-events: none;
}

.overlay-filter {
    transition: 0.5s;
}


.custom-input-icon {
    top: 17px;
    right:30px;
}

.filter-select {
    gap: 25px;
}

.content-flex-center {
    width: 50%;
}

@media (max-width : 765px) {
    .content-flex-center {
        width: 90%;
    }


    .filter-select {
        gap: 0;
    }
    .slider-recruiters-container{
        width: 300px;
    }

    .slider-jobs-container{
        width: 250px;
    }
}