.pagination{margin-top:40px;display:flex;justify-content:center;gap:15px;list-style-type:none}.page-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #D8D8D8;font-weight:600;font-size:20px;transition:all .3s}.page-item:hover{background-color:#d8d8d8}.page-item.active{color:#fff;background-color:#3d5bf3;border-color:#5773ff}.page-link__icon{width:16px;height:16px}.page-link__icon--prev{transform:rotate(180deg)}.search-form-container{margin-top:30px;display:flex;gap:10px;white-space:nowrap}@media (max-width: 550px){.search-form-container{flex-direction:column}}.search-form-container__input-container{width:100%;display:flex;gap:5px}@media (min-width: 551px){.search-form-container__input-container{background:#5773ff;border-radius:30px 10px 10px 30px}}@media (max-width: 550px){.search-form-container__input-container{flex-direction:column}}.search-form__input{width:100%;border:2px solid #3D5BF3;padding:5px 10px;border-radius:10px;background-color:#fff}@media (min-width: 551px){.search-form__input{border-radius:30px}}@media (max-width: 550px){.search-form__input{height:46px}}.city-filter__input{width:100%;border:2px solid #D8D8D8;padding:14px 15px;font-size:16px;border-radius:10px;margin-bottom:18px}.city-filter__modal-column{overflow-y:auto;height:30vh}.city-filter__item{border:1px solid #D8D8D8;cursor:pointer;padding:10px;margin-right:10px;border-radius:12px}.city-filter__item:hover{background-color:#d8d8d8}.geolocation-label{font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer}.geolocation-label__gradient{background:linear-gradient(90deg,#3d5bf3,#8d2325);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.geolocation-label__city{display:flex;align-items:center;gap:6px}.vacancy-filters__container{max-height:60dvh;overflow-y:auto;padding-right:16px;display:flex;flex-direction:column;gap:16px}.vacancy-filters__title{margin-bottom:8px;font-size:16px;font-weight:600}.vacancy-filters__label{display:flex;gap:13px}.vacancy-filters__label>input[type=checkbox]{width:18px;height:18px}.vacancy-filters__select{width:100%;border:2px solid #D8D8D8;padding:12px 13px;font-size:16px;border-radius:10px}.vacancy-filters__button{width:100%;margin-top:8px}
