.switch{

    position: relative;

    display: inline-block;

    width: 42px;

    height: 22px;

}
.salaryChart{
    display:flex;
    align-items:flex-end;
    gap:4px;    padding: 0 9px;
    height: 50px;
}

.barItem{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.bar{
    width:100%;
    border-radius:6px 6px 0 0;
    /* min-height:2px; */
    transition:0.2s;
}

.salaryValue{display: flex;align-items: center;justify-content: space-between;margin-top: 6px;}
.salaryValue > div{width: max-content;padding: 4px 12px;border-radius: 4px;font-weight: 500;font-size: 12px;background-color: #F4F3F1;}

.skillsWrap,.categoryChips{
    display:flex;
    flex-wrap:wrap;
    gap: 4px;
}

.skillChip,.categoryChip{
    cursor:pointer;
}

.skillChip input,.categoryChip input{
    display:none;
}
 
.skillChip span,.categoryChips span{
    display:inline-block;
    padding:8px 10px;text-align: center;
    border: 1px solid #F4F3F1;
    border-radius: 6px;
    font-size:11px;width: 100%;
    background:#fff;
    color:#000;
    transition:.2s;
}
.skillChip span:hover,.categoryChips span:hover{
    transition:.2s;background:#135644;
    border-color:#135644;
    color:#fff;
}
.filtrSkills .filterBody .checkItem{width: calc(50% - 2px);}
.filtrSkills .filterBody{flex-direction: row;flex-wrap: wrap;gap: 4px;}

.filtrCat .filterBody .categoryChip{width: calc(50% - 2px);}
.filtrCat .filterBody{flex-direction: row;flex-wrap: wrap;gap: 4px;}
/* ACTIVE STATE */
.skillChip input:checked + span,.categoryChips input:checked + span{
    background:#135644;
    border-color:#135644;
    color:#fff;
}


.page-template-vacancies .pageHead:after,.page-template-vacancies .pageHead:before{display: none;}

.hideFilter{display: none!important;}


.barLabel{
    font-size:9px;
    margin-top:5px;
    color:#6b7280;display: none;
}
.noUi-connects{background-color: #E7E7E7;}
.jobsFilters .noUi-handle{     border: 0px ;
    border-radius: 0px;
    background: #135644;    width: 9px!important;
    height: 9px!important;
    /* right: -5px!important;  */
       border-radius: 50%;
    top: -3px!important;
    box-shadow: none;
    cursor: pointer;}
    .jobsFilters .noUi-handle-lower{right:-9px!important;}
    .jobsFilters .noUi-handle-upper{right:0px!important;}
.jobsFilters .noUi-handle:after,.jobsFilters .noUi-handle:before{display: none;}
.jobsFilters .noUi-handle:focus{outline: none;}
.jobsFilters .noUi-target{position: relative;}

.jobsFilters .noUi-target:after{right: -0px!important;width: 9px!important;content:'';position: absolute;display: block;
    height: 9px!important;background-color: #E7E7E7;border-radius: 50%;    bottom: -3px;}
.jobsFilters .noUi-target:before{left: -0px!important;width: 9px!important;content:'';position: absolute;display: block;
height: 9px!important;background-color: #E7E7E7;border-radius: 50%;    bottom: -3px;}

.vacanciesSec{padding-top: 20px;}
.jobsFilters{position: absolute;right: 0px;top: 0px;max-width: 289px;background-color: #fff;border-radius: 16px;padding: 20px 16px;box-shadow: 0px 6px 18px rgba(190, 190, 190, 0.5);
 z-index: 5;display: none;}

.vacancyBar{display: flex;align-items: center;justify-content: space-between;margin-bottom: 22px;}
.vacancyBar .toggleFilter{font-size: 24px;font-weight: 500;color: #135644;padding: 15px 24px;border-radius: 16px;border: 1px solid #135644;
display: flex;gap: 11px;transition: 0.3s;cursor: pointer;align-items: center;}

.vacancyBar .toggleFilter.active{background-color: #135644;color: #fff;}
.vacancyBar .toggleFilter.active svg{stroke: #fff;transition: 0.3s;}

.vacancyBar svg{stroke: #135644;transition: 0.3s;}
.vacancyBar .toggleFilter:hover{transition: 0.3s;background-color: #135644;color: #fff;}
.vacancyBar .toggleFilter:hover svg{stroke: #fff;transition: 0.3s;}

.jobsFilters .noUi-connect{background-color: #135644;}

.jobsFilters .noUi-target{box-shadow: none;border: 0px;height: 4px;}

.jobFilterTop{display: flex;justify-content: space-between;align-items: center;}

.jobsFilters .lineFilt{display: block;width: 100%;height: 1px;background-color: #E7E7E7;margin-top: 8px;margin-bottom: 16px;}

.jobFilterTop h3{font-size: 17px;font-weight: 500;}

.filterHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    
}


.checkItem{cursor: pointer;}
.checkItem{font-size: 12px;color: #000;transition: 0.3s;display: flex;align-items: center;gap: 7px;}
.checkItem:hover{transition: 0.3s;color: #135644;}

.checkItem input[type="checkbox"]{appearance: none;
    -webkit-appearance: none;
    width: 11px;min-width: 11px;
    height: 11px;
    border: 1px solid #000000;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    transition: .2s;}
.checkItem input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 2.5px;
    top: 1px;
    width: 3px;
    height: 5px;
    border: solid #000000;
    border-width: 0 1px 1px 0;
    transform: rotate(35deg);
}


.checkItem input[type="radio"]{appearance: none;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #646464;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: .2s;}
.checkItem input[type="radio"]:checked::after {
    content: '';
    position: absolute;border-radius: 50%;
    left: 3px;
    top: 3px;background-color: #135644;
    width: 7px;
    height: 7px;
}








.filtJobType .filterBody{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;flex-direction: row;}
.filtJobType .filterBody .checkItem{width: calc(50% - 5px); }
.clearFilter{font-size: 12px;text-decoration: underline;}
.clearFilter:hover{text-decoration: none;cursor: pointer;}
.filterHeader .arrow{width: 18px;height: 18px;display: block;background: url('/wp-content/themes/intentionally-blank/img/arrows-filter.svg');}


.filtrRelocation{display: flex;align-items: center;justify-content: space-between;margin-top: 31px;}
.filtrRelocation input{display: none;}

.salaryFilter .filterBody{gap:0px;}


.salaryCheck{
    display:flex;margin-top: 16px;
    gap:10px;
    cursor:pointer;flex-direction: column;font-size: 12px;
}
.salaryCheck label{display: flex;align-items: center;gap:7px;cursor: pointer;color: #000;transition: 0.3s;}
.salaryCheck label:hover{transition: 0.3s;color: #135644;}
.salaryCheck input{
    appearance:none;
    -webkit-appearance:none;

    width:11px;
    height:11px;

    border:1px solid #000000;
    border-radius:2px;

    position:relative;
    cursor:pointer;

    transition:.2s;
}

/* ACTIVE */

.salaryCheck input:checked{
    /* background:#135644;
    border-color:#135644; */
}

/* CHECK ICON */

.salaryCheck input:checked::after{
        content: '';
    position: absolute;
    left: 2.5px;
    top: 1px;
    width: 3px;
    height: 5px;
    border: solid #000000;
    border-width: 0 1px 1px 0;
    transform: rotate(35deg);
}
.jobsAjax .jobCard{position: relative;}
.jobsAjax .saveVacancy{position: absolute;width: 48px;height: 48px;right: 16px;top: 16px;background-image: url(/wp-content/themes/intentionally-blank/img/bigsave.svg);}
.jobsAjax .jobCard.saved .saveVacancy{background-image: url(/wp-content/themes/intentionally-blank/img/bigsave2.svg);}







.arrow {
    transition: transform 0.3s ease;
}

/* скрываем контент */
.filterBody {
    max-height: 500px;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.3s ease;padding-top: 17px;
    opacity: 1;display: flex;flex-direction: column;gap: 11px;
}

/* закрытое состояние */
.filterGroup.closed .filterBody {
    max-height: 0;padding-top: 0px;transition: 0.25s linear;
    opacity: 0;
}

.filterGroup.closed .arrow {
    transform: rotate(-180deg);
}
.filterGroup{margin-bottom: 16px;}
.filterTitle{font-size: 14px;font-weight: 500;text-transform: capitalize;}


.switchSlider{

    position: absolute;

    inset: 0;

    cursor: pointer;

    background: #E7E7E7;

    border-radius: 88px;

    transition: .3s;

}

.switchSlider:before{

    content: "";

    position: absolute;

    width: 23px;

    height: 16px;

    left: 3px;

    top: 3px;

    
background:#fff;
    border-radius: 88px;

    transition: .3s;

}

.switch input:checked + .switchSlider{

    /* background: #111827; */

}

.switch input:checked + .switchSlider:before{

    transform: translateX(12px);
background: #135644;
}
.jobsPage{
    display:flex;
    max-height:1826px;gap: 21px;position: relative;
}

.jobsLeft{
    width: 594px;   direction: rtl;min-width: 594px;
    overflow:auto;
    
}
.jobsLeft *{direction: ltr;}

.jobsRight{
    width:100%;position: relative;
    /* overflow:auto; */
    background:#fff;
}

.jobsTop{
    padding:16px;
    background:#fff;
    display:flex;justify-content: space-between; max-width: 1260px;margin: 15px auto 0;
    border-radius:16px;position: relative;
    top:0;
    z-index:1;
}
#applySearch{
    display: block;
    border-radius: 12px;
    background-color: #A9E100;
    color: #fff;height: max-content;
    font-size: 20px;cursor: pointer;
    font-weight: 500;min-width: 204px;text-align: center;margin-left: 24px;
    padding: 14px 30px;
    border: 2px solid #A9E100;
    transition: 0.3s;
}
#applySearch:hover{    transition: 0.3s;
    background-color: #135644;
    color: #fff;
    border: 2px solid #135644;}

.jobsTop .jobsSearchField input{border-bottom: 1px solid #D6DDEB;font-size: 16px;}
.jobsSearchField{width: 100%;padding-left: 56px;position: relative;}
.jobsTop .jobsSearchField input::placeholder{color: #BEBEBE;}

.searchWordIcon:before{width: 24px;height: 24px;content: '';background: url('/wp-content/themes/intentionally-blank/img/ic1.svg');
background-position: center;background-size: cover;display: block;position: absolute;left: 16px;top: 16px;}
.searchLocationIcon:before{width: 24px;height: 24px;content: '';background: url('/wp-content/themes/intentionally-blank/img/ic2.svg');
background-position: center;background-size: cover;display: block;position: absolute;left: 16px;top: 16px;}
.searchLocationIcon .locArr{width: 16px;height: 16px;content: '';background: url('/wp-content/themes/intentionally-blank/img/ic3.svg');
background-position: center;background-size: cover;display: block;position: absolute;right: 16px;top: 25px;transition: 0.3s;}
.searchLocationIcon input:focus ~ .locArr{transform: rotate(180deg);transition: 0.3s;}
.locationDropdown{position: absolute;top: 100%;    width: 100%;
    left: 0;
    padding-left: 56px;
  display: none;
}
.locationWrap{background-color: #fff;padding: 16px;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;    max-height: 200px;
    overflow: auto;}
.locationDropdown.active{display: block;}
.locationItem{cursor: pointer;padding: 5px 0;transition: 0.3s;}
.locationItem:hover{transition: 0.3s;color: #135644;}



.jobsTop input:focus{outline: none;}
.jobsTop input,
.jobsTop select{
    height: 42px;
    border:none;margin-top: 14px;
    padding:0 0px;
    width:100%;
}

.jobsCount{
    font-size:17px;
    color:#000;
}

.jobsAjax{
    padding: 2px 0px 0px 19px;
}

.jobCard{
    background:#F8F8F8;
    border-radius:16px;
    padding:16px;
    margin-bottom:24px;
    cursor:pointer;
    transition:.2s;
}

.jobCard:hover{
    transform:translateY(-2px);
}

.jobCard.active{
    border-color:#78D600;
}

.jobCardTop{
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:20px;
}
.jobCard .jobCompany{color: #000000;font-weight: 500;font-size: 24px;margin-bottom: 9px;}
.jobCard .jobTitle{font-size: 32px;font-weight: 600;color: #000;margin-bottom: 6px;}
.jobCard .jobExcerpt{font-size: 14px;color: #7E7E7E;}
.jobCard .jobTags span{padding:6px 12px;border-radius: 16px;border: 1px solid #BEBEBE;
    font-size:14px;color: #000;
}
.jobCard .jobTags{display:flex;gap:12px;
    flex-wrap:wrap;margin-bottom:20px;margin-top: 20px;
}
.jobCard .jobSalary{font-size: 32px;font-weight: 700;color: #000;}
.jobCard .jobSalary span{font-size: 24px;}




.jobCardTop img{
    width:64px;
    height:64px;display: block;
    border-radius:10px;
    object-fit:cover;
}

.jobCardTop h3{
    margin:0;
    font-size:20px;
}




.jobExcerpt{
    color:#666;
    line-height:1.5;
    font-size:14px;
    margin-bottom:15px;
}





.jobBottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.jobSalary{
    font-size:28px;
    font-weight:700;
}
.jobExperience{
    font-size:13px;
    color:#777;
    margin-top:5px;
}

.jobRating{
    display:flex;
    align-items:center;font-weight: 500;gap: 4px;
}
.jobRating:before{content:'';display: block;width: 12px;height: 12px;background: url('/wp-content/themes/intentionally-blank/img/star-ic.svg');
background-position: center;background-size: cover;}

.jobApply{
  width: 180px;display: block;border-radius: 12px;
    background-color: #A9E100;color: #fff;height: max-content;
    font-size: 20px;cursor: pointer;font-weight: 500;
    text-align: center;margin-left: 24px;padding: 10px 30px;
    border: 2px solid #A9E100;transition: 0.3s;
}
.jobApply:hover {
    transition: 0.3s;
    background-color: #135644;
    color: #fff;
    border: 2px solid #135644;
}
.jobSingle .singleWrap{
    padding:24px 27px 104px 20px;background-color: #F8F8F8;border-radius: 24px;
}

.jobSingleLogo{
    width:90px;
    height:90px;
    border-radius:20px;
    object-fit:cover;
    margin-bottom:20px;
}

.jobSingle h1{
    margin:0 0 10px;
}

.jobMeta{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin:30px 0;
}

.jobMetaItem{
    background:#F5F5F5;
    padding:15px;
    border-radius:14px;
    min-width:150px;
}

.jobContent{
    line-height:1.8;
    color:#444;
}

.jobLoading{
    padding:50px;
    text-align:center;
}

.jobSingle{    position: sticky;
    top: 0;
    bottom: 0;}
.jobSingle .singleLogo img{width: 115px;height: 115px;object-fit: cover;object-position: center;display: block;margin: 0 auto;border-radius: 20px;}
.singleJobTitle{text-align: center;margin-top: 12px;margin-bottom: 8px;font-weight: 500;font-size: 28px;color: #000;}
.jobSingle .jobCompany{text-align: center;font-size: 17px;text-decoration: underline;}
.singleJobSalary{text-align: center;font-size: 17px;line-height: 23px;font-weight: 700;color: #000;margin-top: 20px;margin-bottom: 18px;display: block;}
.lineSingle{width: 100%;background-color: #D9D9D9;height: 1px;display: block;}
.singleShortDesc{margin-top: 30px;margin-bottom: 72px;font-size: 17px;line-height: 23px;color: #000;}
.singleContent li{list-style: none;}
.singleContent li:before{content:'✅';}

.singleMeta{display: flex;justify-content: space-between;gap: 10px;flex-wrap: wrap;margin-bottom: 48px;}
.singleMetaLine{width: 100%;display: block;width: 100%;height: 1px;background-color: rgba(217, 217, 217, 1);}
.metaItem{width: calc(50% - 5px);padding-right: 10px;font-size: 17px;line-height: 23px;}

.jobSingle .singleContent{font-size: 17px;line-height: 23px;}
.jobSingle .singleContent p{margin-top: 13px;}
.jobSingle .singleContent strong{margin-bottom: 8px;display: inline-block;}
.jobSingle .singleContent h3{font-size: 17px;line-height: 23px;margin-top: 64px;margin-bottom: 8px;}

.jobSingle .jobApply{margin: 45px 0px 0px auto;}

.jobApplyMob{display: none;    width: 160px;
   
    border-radius: 12px;
    background-color: #A9E100;
    color: #000;
    height: max-content;
    font-size: 18px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    margin-left: 24px;
    padding: 8px 30px;
    border: 2px solid #A9E100;
    transition: 0.3s;}
.jobApplyMob:hover{transition: 0.3s;
    background-color: #135644;color: #fff;border: 2px solid #135644;}

















@media((min-width: 992px) AND (max-width: 1200px)){
    .jobsLeft{    width: 400px;min-width: 400px;}
    .jobCard .jobTitle{font-size: 28px;}
    .jobCard .jobSalary{font-size: 28px;}
    .jobApply{font-size: 18px;}
}




@media(max-width:991px){
.jobApplyMob{display: block;}
.jobCard .jobApply,.jobCard .jobBottom .applyed{display: none;}

    .jobsLeft{
        width:100%;min-width: 1px;
    }

    .jobsRight{
        position:absolute;
        inset:0;
        width:100%;
        z-index:999;
        transform:translateX(100%);
        transition:.3s;
    }

    .jobsRight.open{
        transform:translateX(0);display: none;
    }
.jobsPage{max-height: 100%;}
.jobsAjax{padding-left: 0px;}

.vacanciesSec{padding-top: 18px;max-width: 100%;}
.vacancyBar{margin-bottom: 30px;}
.vacancyBar .toggleFilter{font-size: 20px;padding: 12px 24px;}
.vacancyBar .toggleFilter svg{width: 20px;height: 20px;}

.jobCard .jobSalary{font-size: 28px;}
.jobCard .jobSalary span{font-size: 22px;}

.page-template-vacancies .footerBack{margin-top: 55px;}
#applySearch{    font-size: 20px;    min-width: 170px;    padding: 15px 16px;}

/* .vacanciesSec{overflow: hidden;} */
.jobsRight{display: none;}
.eraseFilt{display: none;}


}









@media(max-width:767px){
    .jobCard .jobSalary{font-size: 23px;}
.jobCard .jobSalary span{font-size: 18px;}

.jobApplyMob{font-size: 14px;width: 116px;padding: 4px;border-radius: 6px;}
.jobsTop{flex-direction: column;margin-top: 77px;}
#applySearch{margin-left: 0px;margin-top: 15px;margin-bottom: 16px;}
.searchLocationIcon{margin-top: 8px;}
.page-template-vacancies .pageHead .container{padding-left: 20px;padding-right: 20px;width: 100%;padding-bottom: 10px;}
.searchLocationIcon:before{top: 26px;left: 0px;}
.jobsSearchField{padding-left: 40px;}
.searchWordIcon:before{top: 26px;left: 0px;}
.locationDropdown{padding-left: 40px;}

.jobsFilters{max-width: 100%;}


}