.vacancies-page{gap:25px;min-height:calc(100svh - 85px);padding:125px 25px 25px;display:flex}.vacancies-page__title{padding:25px 0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500}.vacancies-page-container{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.vacancies-filter{border-right:1px solid var(--bg-clr);flex-direction:column;gap:10px;padding-right:25px;display:flex}.vacancies-filter-inner{flex-direction:column;gap:10px;display:flex;position:sticky;top:125px}.input{border:1px solid var(--bg-clr);border-radius:20px;flex-grow:1;padding:10px}.filter-btn{display:none}.vacancies-scroll-top-top-btn-wrapper{flex-direction:column;gap:10px;margin-top:25px;display:flex}.vacancies__btn{background:var(--sec-accent-clr);border-radius:25px;width:100%;height:50px;margin-top:10px}.vacancies__btn:active{color:#fff;background:#000}@media screen and (max-width:1400px){.vacancies-page-container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1100px){.vacancies-page-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:896px){.vacancies-page{padding:85px 10px 10px}.vacancies-page__title{padding:10px 0}.vacancies-filter{display:none}.modal-filter{background:var(--bg-clr);z-index:9999;pointer-events:none;opacity:0;border-radius:25px;width:min(100% - 40px,500px);padding:25px;transition:transform .5s,opacity .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 10px #0000001a}.modal-filter--visible{pointer-events:auto;opacity:1;transform:translate(-50%,-50%)scale(1)}.modal-filter-inner{background:#fff;border-radius:20px;height:100%;padding:10px}.filter-btn{display:initial;color:#fff;background:#000;border-radius:25px;width:100%;height:50px;margin-top:10px;padding:10px;font-weight:500;position:sticky;bottom:10px}.vacancies-scroll-top-top-btn-wrapper{margin-top:10px}}@media screen and (max-width:750px){.vacancies-page-container{grid-template-columns:repeat(1,1fr)}}
