/* Start:/local/templates/career/css/vacancy-filter.css?17798739254578*/
/* ========== ФИЛЬТР ВАКАНСИЙ ========== */

.bx-breadcrumb i {
    display: none !important;
}

.vacancy-filter .bg {
    padding: 20px 0;
    border-radius: 12px;
    margin-bottom: 30px;
}

.filters-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 50px;
    margin-bottom: 20px;
}

.filters-row:last-child {
    margin-bottom: 0;
}

.filter-item {
    flex: 0 0 auto;
    width: 334px;
    max-width: 100%;
}

.filter-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #29384B;
    font-size: 14px;
}

.filter-item select {
    width: 100%;
    padding: 10px 36px 10px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.filter-item select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

.filter-item select:hover {
    border-color: #17BAB2;
}

.filter-item select:focus {
    outline: none;
    border-color: #17BAB2;
    box-shadow: 0 0 0 2px rgba(23,186,178,0.1);
}

.filter-item select::-ms-expand {
    display: none;
}

.filter-actions-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 50px;
}

.reset-item {
    width: 334px;
}

.reset-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    background: transparent;
    border: none;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 23px;
    transition: all 0.3s ease;
    width: 100%;
}

.reset-icon {
    width: 16px;
    height: 16px;
}

.reset-btn:hover {
    color: #139f98;
}

.reset-btn:hover .reset-icon {
    filter: invert(45%) sepia(48%) saturate(832%) hue-rotate(141deg) brightness(92%) contrast(87%);
}

.search-wrapper {
    display: flex;
    align-items: flex-end;
}

.search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #17BAB2;
    color: white;
    border: none;
    border-radius: 25px;
    padding: 10px 85px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.search-btn:hover {
    background: #139f98;
    transform: translateY(-1px);
}

.search-btn:active {
    transform: translateY(0);
}

/* Адаптив */
@media (max-width: 1200px) {
    .filters-row {
        gap: 30px;
    }
    
    .filter-item,
    .reset-item {
        width: 280px;
    }
    
    .filter-actions-wrapper {
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .filters-row {
        gap: 20px;
    }
    
    .filter-item,
    .reset-item {
        width: 240px;
    }
    
    .filter-actions-wrapper {
        gap: 20px;
    }
    
    .search-btn {
        padding: 10px 20px;
    }
}

@media (max-width: 768px) {
    .filters-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .filter-item,
    .reset-item {
        width: 100%;
        max-width: 100%;
    }
    
    .filter-actions-wrapper {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    
    .search-wrapper {
        width: 100%;
    }
    
    .search-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .filter-label {
        display: none;
    }
    
    .reset-btn,
    .search-btn {
        font-size: 14px;
    }
    
    .reset-btn {
        justify-content: center;
    }
    
    .inner-header-title {
        display: none;
    }
    
    .bx-breadcrumb {
        display: block !important;
        padding-left: 26px;
    }
}
/* End */


/* Start:/local/templates/career/components/bitrix/breadcrumb/my/style.min.css?1683098647467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/components/bns/city/templates/.default/style.css?17798731701843*/
.city-filter {
    width: 100%;
    max-width: 334px;
}

.city-filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.city-select {
    width: 100%;
    max-width: 334px;
    padding: 10px 36px 10px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.city-select option.placeholder-option {
    color: #808BA2;
}

.city-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

.city-select:hover {
    border-color: #17BAB2;
}

.city-select:focus {
    outline: none;
    border-color: #17BAB2;
    box-shadow: 0 0 0 2px rgba(23,186,178,0.1);
}

.city-select::-ms-expand {
    display: none;
}

@media (max-width: 768px) {
    .city-filter {
        max-width: 100%;
    }
    
    .city-select {
        max-width: 100%;
        padding: 8px 32px 8px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .city-select {
        font-size: 13px;
    }
}
/* End */


/* Start:/local/components/bns/speciality/templates/.default/style.css?17798736011909*/
.speciality-filter {
    width: 100%;
    max-width: 334px;
}

.speciality-filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.speciality-select {
    width: 100%;
    max-width: 334px;
    padding: 10px 36px 10px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.speciality-select option.placeholder-option {
    color: #808BA2;
}

.speciality-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

.speciality-select:hover {
    border-color: #17BAB2;
}

.speciality-select:focus {
    outline: none;
    border-color: #17BAB2;
    box-shadow: 0 0 0 2px rgba(23,186,178,0.1);
}

.speciality-select::-ms-expand {
    display: none;
}

@media (max-width: 768px) {
    .speciality-filter {
        max-width: 100%;
    }
    
    .speciality-select {
        max-width: 100%;
        padding: 8px 32px 8px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .speciality-select {
        font-size: 13px;
    }
}
/* End */


/* Start:/local/components/bns/client/templates/.default/style.css?17798733111865*/
.client-filter {
    width: 100%;
    max-width: 334px;
}

.client-filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.client-select {
    width: 100%;
    max-width: 334px;
    padding: 10px 36px 10px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.client-select option.placeholder-option {
    color: #808BA2;
}

.client-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

.client-select:hover {
    border-color: #17BAB2;
}

.client-select:focus {
    outline: none;
    border-color: #17BAB2;
    box-shadow: 0 0 0 2px rgba(23,186,178,0.1);
}

.client-select::-ms-expand {
    display: none;
}

@media (max-width: 768px) {
    .client-filter {
        max-width: 100%;
    }
    
    .client-select {
        max-width: 100%;
        padding: 8px 32px 8px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .client-select {
        font-size: 13px;
    }
}
/* End */


/* Start:/local/components/bns/experience/templates/.default/style.css?17798735121909*/
.experience-filter {
    width: 100%;
    max-width: 334px;
}

.experience-filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.experience-select {
    width: 100%;
    max-width: 334px;
    padding: 10px 36px 10px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.experience-select option.placeholder-option {
    color: #808BA2;
}

.experience-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

.experience-select:hover {
    border-color: #17BAB2;
}

.experience-select:focus {
    outline: none;
    border-color: #17BAB2;
    box-shadow: 0 0 0 2px rgba(23,186,178,0.1);
}

.experience-select::-ms-expand {
    display: none;
}

@media (max-width: 768px) {
    .experience-filter {
        max-width: 100%;
    }
    
    .experience-select {
        max-width: 100%;
        padding: 8px 32px 8px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .experience-select {
        font-size: 13px;
    }
}
/* End */


/* Start:/local/components/bns/employment/templates/.default/style.css?17798733581909*/
.employment-filter {
    width: 100%;
    max-width: 334px;
}

.employment-filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.employment-select {
    width: 100%;
    max-width: 334px;
    padding: 10px 36px 10px 12px;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.employment-select option.placeholder-option {
    color: #808BA2;
}

.employment-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317BAB2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

.employment-select:hover {
    border-color: #17BAB2;
}

.employment-select:focus {
    outline: none;
    border-color: #17BAB2;
    box-shadow: 0 0 0 2px rgba(23,186,178,0.1);
}

.employment-select::-ms-expand {
    display: none;
}

@media (max-width: 768px) {
    .employment-filter {
        max-width: 100%;
    }
    
    .employment-select {
        max-width: 100%;
        padding: 8px 32px 8px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .employment-select {
        font-size: 13px;
    }
}
/* End */
/* /local/templates/career/css/vacancy-filter.css?17798739254578 */
/* /local/templates/career/components/bitrix/breadcrumb/my/style.min.css?1683098647467 */
/* /local/components/bns/city/templates/.default/style.css?17798731701843 */
/* /local/components/bns/speciality/templates/.default/style.css?17798736011909 */
/* /local/components/bns/client/templates/.default/style.css?17798733111865 */
/* /local/components/bns/experience/templates/.default/style.css?17798735121909 */
/* /local/components/bns/employment/templates/.default/style.css?17798733581909 */