#b-vacancies__city {
    padding: 0;
    margin-bottom: 24px;
    display: flex;
    gap: 10px;
    align-items: center;
}

#b-vacancies__city + .n-brands-filter {
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 15px;
}

.dropdown-item:hover, .dropdown-item:focus{
    border-radius: 4px;
    background: rgba(178, 121, 142, 0.05);
    color:  #323131;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b-popular__vacancies .b-vacancies__item-wrapper {
    min-height: 244px;
}

#b-vacancies__city + .n-brands-filter .n-brands-filter__item {
    white-space: nowrap;
}

.b-vacancies__item {
    margin-bottom: 24px;
}

.n-brands-sort.rd-filter-clear {
    padding: 0 15px;
}

.pages-vacancies {
    margin: 40px 0;
}

.b-vacancies__banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px 17px;
    max-height: 400px;
    margin-bottom: auto;
    position: sticky;
    top: 25%;
    border-radius: 12px;
    background: #4267B2;
    padding: 24px 9px 37px;
}

.b-vacancies__banner img {
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 580px) {
    .b-vacancies__banner {
        position: relative;
    }

    .b-vacancies__banner img {
        height: 280px;
    }

    .single-banner {
        margin-bottom: 30px;
    }
}

@media (max-width: 520px) {
    .n-brands-sort.rd-filter-clear {
        margin: 0 0 10px 0;
    }

    .pages-vacancies {
        margin: 15px 0;
    }
}


.b-vacancies__item-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #858687;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 114%;
    padding: 26px 24px;
    border-radius: 12px;
    border: 1px solid rgba(193, 192, 195, 0.30);
    background: #F6F6F9;
    min-height: 320px;
    transition: .3s;
}


.b-vacancies__item-wrapper:hover {
    text-decoration: none;
    background: #cff8ff;
}

.b-vacancies__add-favorite {
    position: absolute;
    right: 24px;
    top: 21px;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
}

.b-vacancies__add-favorite svg {
    pointer-events: none;
    user-select: none;
    transition: .3s;
}


.b-vacancies__add-favorite:hover svg path {
    fill: #B2798E;
    stroke: #B2798E;
}

.b-vacancies__add-favorite_added,
.b-vacancies__add-favorite_added svg path {
    fill: #B2798E;
    stroke: #B2798E;
}


.b-vacancies__city {
    color: #B2798E;
    font-size: 16px;
    font-family: "TrebuchetMS";
    font-weight: 400;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.b-vacancies__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
}

.b-vacancies__experience {
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px;
}

.b-vacancies__title {
    color: #323131;
    font-size: 20px;
    white-space: pre-wrap;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20px;
}

.b-vacancies__title_single {
    font-size: 32px;
}

.b-vacancies__experience::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 4.5C1.72386 4.5 1.5 4.72386 1.5 5V12C1.5 12.2761 1.72386 12.5 2 12.5H14C14.2761 12.5 14.5 12.2761 14.5 12V5C14.5 4.72386 14.2761 4.5 14 4.5H2ZM0.5 5C0.5 4.17157 1.17157 3.5 2 3.5H14C14.8284 3.5 15.5 4.17157 15.5 5V12C15.5 12.8284 14.8284 13.5 14 13.5H2C1.17157 13.5 0.5 12.8284 0.5 12V5Z' fill='%23B2798E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00008 1.5C6.61936 1.5 5.50008 2.61929 5.50008 4C5.50008 4.27614 5.27622 4.5 5.00008 4.5C4.72393 4.5 4.50008 4.27614 4.50008 4C4.50008 2.067 6.06708 0.5 8.00008 0.5C9.93307 0.5 11.5001 2.067 11.5001 4H10.5001C10.5001 2.61929 9.38079 1.5 8.00008 1.5ZM1.24283 4.07125C1.47962 3.92918 1.78675 4.00596 1.92882 4.24275L2.84622 5.77174C3.1173 6.22355 3.60556 6.5 4.13246 6.5H11.8677C12.3946 6.5 12.8828 6.22355 13.1539 5.77174L14.0713 4.24275C14.2134 4.00596 14.5205 3.92918 14.7573 4.07125C14.9941 4.21333 15.0709 4.52046 14.9288 4.75725L14.0114 6.28624C13.5596 7.03925 12.7459 7.5 11.8677 7.5H4.13246C3.2543 7.5 2.44053 7.03925 1.98872 6.28624L1.07133 4.75725C0.929255 4.52046 1.00604 4.21333 1.24283 4.07125ZM6.00008 10C6.00008 9.72386 6.22393 9.5 6.50008 9.5H9.50008C9.77622 9.5 10.0001 9.72386 10.0001 10C10.0001 10.2761 9.77622 10.5 9.50008 10.5H6.50008C6.22393 10.5 6.00008 10.2761 6.00008 10Z' fill='%23B2798E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.b-vacancies__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    align-items: flex-start;
}

.b-vacancies__bottom div {
    margin-top: 0px;
}

.b-vacancies__item_single .b-vacancies__item-wrapper {
    font-size: 16px;
    margin-bottom: 50px;
}

.b-vacancies__item_single .b-vacancies__price {
    font-size: 28px;
}

.b-vacancies__content h2 {
    margin-bottom: 30px;
}


.b-vacancies__icon {
    border-radius: 8px;
    border: 1px solid rgba(193, 192, 195, 0.50);
    background: #FFF;
    padding: 9px;
    width: max-content;
}


.b-vacancies__content ul {
    padding-left: 17px;
}

.bt-course__top-item {
    color: #323131;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
}

.b-vacancies__content li {
    list-style: none;
    position: relative;
}

.b-vacancies__content li:before {
    position: absolute;
    content: '';
    left: -14px;
    bottom: 0;
    font-size: 10px;
    top: 0;
    width: 4px;
    background: #323131;
    height: 4px;
    border-radius: 50%;
    margin: auto;
}

.b-vacancies__bottom button {
    cursor: pointer;
}

.b-vacancies__info {
    color: #656565;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%
}

.b-vacancies__metro {
    position: relative;
    font-size: 14px;
    font-family: "TrebuchetMS";
    padding-left: 22px;
}


.mail {
    text-decoration: underline;
}

.b-vacancies__info .b-vacancies__city {
    margin-bottom: 4px;
    text-transform: initial;
}

.b-vacancies__metro::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 2.5C5.18629 2.5 2.5 5.18629 2.5 8.5C2.5 11.8137 5.18629 14.5 8.5 14.5C11.8137 14.5 14.5 11.8137 14.5 8.5C14.5 5.18629 11.8137 2.5 8.5 2.5ZM1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5C12.366 1.5 15.5 4.63401 15.5 8.5C15.5 12.366 12.366 15.5 8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5Z' fill='%23656565'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.44992 5.00251C6.67169 4.98019 6.88146 5.10736 6.96424 5.3143L8.5 9.15371L10.0358 5.3143C10.1185 5.10736 10.3283 4.98019 10.5501 5.00251C10.7719 5.02484 10.9521 5.19126 10.9919 5.41056L11.9919 10.9106C12.0413 11.1822 11.8611 11.4425 11.5894 11.4919C11.3178 11.5413 11.0575 11.3611 11.0081 11.0894L10.3189 7.29904L8.96424 10.6857C8.88831 10.8755 8.70445 11 8.5 11C8.29555 11 8.11169 10.8755 8.03576 10.6857L6.6811 7.29904L5.99193 11.0894C5.94254 11.3611 5.68225 11.5413 5.41056 11.4919C5.13887 11.4425 4.95867 11.1822 5.00806 10.9106L6.00807 5.41056C6.04794 5.19126 6.22815 5.02484 6.44992 5.00251Z' fill='%23656565'/%3E%3C/svg%3E");
}

.b-vacancies__social {
    gap: 24px;
    align-items: center;
    margin-top: 45px;
}

.b-vacancies__footer {
    border-radius: 16px;
    border: 1px solid rgba(193, 192, 195, 0.50);
    padding: 32px;
    margin-top: 40px;
    margin-bottom: 100px;
}

.b-vacancies__text-b {
    color: #323131;
    font-family: "TrebuchetMS";
    font-size: 18px;
    font-weight: 700;
}

.b-vacancies__content li {
    font-family: Roboto;
    font-size: 16px;
    line-height: 125%
}

.b-vacancies__price {
    margin-top: auto;
    color: #323131;
    font-size: 24px;
    font-weight: 700;
    line-height: 116.667%
}

.modal-title {
    color: #323131;
    font-family: "TrebuchetMS";
    font-size: 28px;
    font-weight: 700;
}

#formModal .modal-header,
#experienceModal .modal-header,
.learning-modal .modal-header,
.ad-modal .modal-header,
.vacancies-modal .modal-header,
.closeVacancies-modal .modal-header {
    margin-bottom: 32px;
}

label.form-label, .profile-file-title {
    color: #656565;
    font-family: "TrebuchetMS";
    opacity: 0.6;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: normal;
}

input.form-control[type="date"] {
    text-transform: uppercase;
}

input.form-control {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    color: #323131;
    padding: 16px 14px;
    border-radius: 8px;
    height: 44px;
    border: 1px solid rgba(193, 192, 195, 0.50);
    background: #FFF;
}

#formModal input::placeholder {
    color: #858687;
}

.form-modal__info {
    padding: 16px;
    display: flex;
    gap: 12px;
    border-radius: 4px;
    background: #F4F4F4;
}

.form-modal__info svg {
    width: 14px;
    height: 14px;
}

.form-modal__bottom-text {
    color: #858687;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 114%;
    max-width: calc(100% - 28px);
}

#formModal .form-check input,
#experienceModal .form-check input,
#adModal .form-check input,
#vacanciesModal .form-check input,
#closeVacanciesModal .form-check input {
    width: 24px;
    height: 24px;
    margin-top: 0;
    border-radius: 5px;
    padding: 0;
}

#formModal .form-check input[type="radio"],
#adModal .form-check input[type="radio"],
#vacanciesModal .form-check input[type="radio"],
#closeVacanciesModal .form-check input[type="radio"] {
    accent-color: #B2798E;
}

.modal-dialog .modal-content {
    border-radius: 16px !important;
}

.modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 570px;
}


.row > div {
    line-height: normal;
}

.modal-dialog .modal-header,
.modal-dialog .modal-body {
    padding: 40px;
}

.modal-dialog .modal-header {
    padding-bottom: 0;
    border-bottom: none;
}

.modal-dialog .modal-body {
    padding-top: 0;
}


.form-modal__bottom {
    gap: 40px;
    margin-top: -8px;
    padding: 0 15px;
}

#checkedLC {
    accent-color: transparent;
}

.accordion-null {
    color: #858687;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
}

.form-check-input.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(178, 121, 142, 0.6);
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-top: 0;
}

.ad-modal .modal-dialog, .vacancies-modal .modal-dialog {
    max-width: 850px;
}


.form-check-input.custom-checkbox:checked::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    top: -3px;
    width: 7px;
    height: 10px;
    border-right: 2px solid #B2798E;
    border-bottom: 2px solid #B2798E;
    transform: rotate(45deg);
}

#checkedLC + label {
    padding-left: 6px !important;
}

#formModal textarea.form-control {
    border-radius: 8px;
    border: 1px solid rgba(193, 192, 195, 0.50);
    background: #FFF;
    padding: 14px 16px;
    min-height: 92px;
    resize: none;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.form-control::placeholder {
    color: #858687;
}

button, a {
    cursor: pointer;

}

button:focus {
    outline: none;
}

.form-modal__radios {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.upload-zone__content {
    display: flex;
    gap: 16px;
    align-items: center;
}

.form-check {
    cursor: pointer;
}

#formModal .form-check label,
#adModal .form-check label,
#vacanciesModal .form-check label {
    padding-left: 1rem;
    color: #323131;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 114.286%;
    margin-bottom: 0;
}


.upload-zone__wrapper {
    border-radius: 12px;
    border: 1px dashed rgba(178, 121, 142, 0.30);
    background: rgba(178, 121, 142, 0.05);
    padding: 24px 60px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 40px;
}

.upload-zone__wrapper p {
    max-width: calc(100% - 40px);
    color: #858687;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
}

.upload-zone__wrapper p label {
    color: #B2798E;
    text-decoration: underline;
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

.upload-zone svg {
    display: block;
    margin: 0 auto;
}


.attached-file {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    border: 1px solid rgba(193, 192, 195, 0.50);
    background: #F9F9F9;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

button:disabled {
    cursor: no-drop;
    background: #C1C0C3;
}

.attached-file img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.attached-file .file-icon {
    width: 36px;
    height: 36px;
}

.attached-file .remove-file {
    position: absolute;
    right: -6px;
    top: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 14px;
    line-height: 1;
    color: #b2798e;
    padding: 3px;
}

.remove-file svg {
    margin-right: 0 !important;
}

.attached-file .spinner {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid rgba(178, 121, 142, 0.25);
    border-top-color: #B2798E;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* hover состояние зоны drop */
.upload-zone__wrapper.dragover {
    background: rgba(178, 121, 142, 0.03);
    border-color: rgba(178, 121, 142, 0.7);
}


.attached-files {
    gap: 10px;
}

.profile-file-accordion {
    height: 44px;
    display: flex;
    justify-content: center;
}

.profile-file-accordion, .accordion-content {
    border-radius: 8px;
    border: 1px solid rgba(193, 192, 195, 0.50);
    background: #FFF;
    padding: 10px 16px;
}

.accordion-content {
    padding: 8px;
    position: absolute;
    top: 68px;
    z-index: 2;
    left: 0;
    right: 0;
}

.form-check-label {
    cursor: pointer;
}

.profile-file-item span {
    color: #323131;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.accordion-header__left span.selected {
    color: #323131;
}

.profile-file-item {
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
    padding: 12px 8px;
}

.accordion-content svg {
    width: 10px;
    height: 13px;
}

.accordion-header__left {
    display: flex;
    gap: 16px;
    align-items: center;
}

.accordion-header__left span {
    color: #858687;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
}

.profile-file-accordion .accordion-header {
    padding: 5px 0;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    outline: none;
}

.profile-file-select {
    position: relative;
    margin-top: -20px;
    margin-bottom: 40px !important;
}


.profile-file-accordion:has(.accordion-header:disabled) {
    border: 1px solid rgba(193, 192, 195, 0.50);
    background: #F4F4F4;
}

.profile-file-accordion .accordion-header:disabled {
    cursor: no-drop !important;
}

.profile-file-accordion .accordion-arrow {
    transition: transform 0.3s ease;
}

.profile-file-accordion .accordion-arrow {
    transform: rotate(180deg);
}

.profile-file-accordion .accordion-arrow.rotated {
    transform: rotate(0deg);
}


.profile-file-item:hover {
    border-radius: 4px;
    background: rgba(178, 121, 142, 0.05);
}

.profile-file-item.selected {
    border-radius: 4px;
    background: rgba(178, 121, 142, 0.05);
}

.attached-file {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.attached-file svg {
    margin-right: 8px;
}

.b-techshop.b-techshop-top.b-techshop__vacancies-popular {
    padding-bottom: 0;
}

.b-techshop__vacancies-popular #tech-popular .row {
    row-gap: 30px;
}


.c-sell__description {
    font-family: Roboto;
}

.b-vacancies__banner-text {
    color: #FFF;
    font-family: "TrebuchetMS";
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    max-width: 160px;
    text-align: center;
}

.b-vacancies__banner-icon {
    width: 100%;
    display: flex;
    justify-content: center;
}


.datepicker {
  max-width: max-content;;
}


@media (min-width: 769px) {
    .b-vacancies__icon {
        display: none;
    }

}

@media (max-width: 996px) {
    .upload-zone__wrapper {
        padding: 18px 40px;
    }

    .b-vacancies__footer {
        margin-top: 20px;
    }

    .b-vacancies__item_single .b-vacancies__item-wrapper {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .b-vacancies__bottom {
        flex-wrap: wrap;
        gap: 10px;
    }

    .b-vacancies__social {
        gap: 15px;
        margin-top: 22px;
    }

    .b-vacancies__info {
        font-size: 14px;
    }

    .b-vacancies__social svg {
        width: 18px;
        height: 18px;
    }

    .pages-vacancies {
        margin: 30px 0;
    }

    .b-vacancies__experience {
        padding-left: 20px;
        margin-bottom: 5px;
    }

}

@media (max-width: 768px) {
    .added-vacancies-btn {
        position: relative;
    }

    .b-sell-top_vacancies {
        position: relative;
        padding-bottom: 40px;
    }

    .vacancies-wrapper .vacancies-bottom-desktop.active {
        display: flex !important;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start !important;
    }

    .vacancies-wrapper .rd-filter-clear {
        margin: 32px 0 0 !important;
    }

    .vacancies-wrapper .n-brands-filter.active {
        transform: translateY(20px);
        margin-bottom: 10px;
    }

    .vacancies-wrapper .mobile-sort-select {
        display: none;
    }

    .vacancies-wrapper .vacancies-bottom-desktop.active .mobile-sort-select {
        display: flex;
    }

    .mobile-sort-select {
        position: relative;
        width: max-content;
        height: initial;
        margin: 0 !important;
        border: none;
        font-size: 16px;
        padding: 0 30px 0 0;
        color: #B2798E;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        background: transparent;
    }

    .select-wrapper {
        position: relative;
    }

    .select-wrapper::after {
        position: absolute;
        content: '';
        width: 14px;
        height: 8px;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.34732 8.1646C7.15357 8.3517 6.84643 8.3517 6.65268 8.1646L0.372463 2.10003C0.168897 1.90345 0.168896 1.57726 0.372463 1.38068L0.937139 0.835397C1.13089 0.648297 1.43803 0.648296 1.63179 0.835397L7 6.01928L12.3682 0.835397C12.562 0.648297 12.8691 0.648297 13.0629 0.835397L13.6275 1.38068C13.8311 1.57726 13.8311 1.90345 13.6275 2.10003L7.34732 8.1646Z' fill='%23B2798E'/%3E%3C/svg%3E");
    }


    .vacancies-wrapper .vacancies-bottom-desktop.active .n-brands-sort:first-child {
        display: flex;
        align-items: center !important;
        gap: 20px;
        font-family: Roboto;
        margin-bottom: 5px !important;
    }

    .toggle-filter.active {
        padding-bottom: 10px;
    }

    .toggle-filter.active svg {
        transform: rotate(180deg);
    }

    .vacancies-wrapper .n-brands-filter {
        overflow: scroll;
        white-space: nowrap;
    }

    .added-vacancies-btn::after {
        position: absolute;
        content: '';
        bottom: -55px;
        width: 46px;
        height: 16px;
        left: 0;
        margin: auto;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='14' viewBox='0 0 46 14' fill='none'%3E%3Cpath d='M46 0H0L16.1472 11.2329C20.2664 14.0984 25.7336 14.0984 29.8528 11.2328L46 0Z' fill='%23F4F4F4'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }

    .toggle-filter {
        position: absolute;
        left: 0;
        right: 0;
        width: max-content;
        bottom: -6px;
        margin: auto;
        background: transparent;
        border: none;
    }

    .vacancies-bottom-desktop {
        display: none;
    }

    #b-vacancies__city + .n-brands-filter {
        display: none;
    }

    .attached-files {
        margin-bottom: 12px;
    }

    .upload-zone__content {
        justify-content: center;
        width: 100%;
    }

    .modal-dialog .modal-header, .modal-dialog .modal-body {
        padding: 20px 20px 0px;
    }

    .upload-zone svg {
        margin: 0;
        display: flex;
    }

    .modal-dialog .modal-body {
        padding-top: 0;
    }

    .form-modal__radios > div:last-child {
        margin-bottom: 0 !important;
    }

    #formModal .modal-header,
    #experienceModal .modal-header,
    .ad-modal .modal-header,
    .vacancies-modal .modal-header,
    .closeVacancies-modal .modal-header {
        margin-bottom: 28px;
    }

    #form-index > div {
        margin-bottom: 28px !important;
        line-height: 1;
    }

    .form-modal__bottom {
        flex-direction: column-reverse;
        align-items: flex-start !important;
        gap: 30px;
    }

    .b-vacancies__content {
        margin-bottom: 50px;
    }

    .single-banner {
        padding: 0;
    }

    .b-vacancies__text-b {
        line-height: normal;
    }

    .b-vacancies__banner {
        flex-direction: row;
    }

    .b-vacancies__banner {
        padding: 43px 20px;
        justify-content: center;
    }

    .b-vacancies__banner img {
        height: 130px;

    }

    .b-vacancies__banner-icon {
        width: initial;
    }

    .upload-zone__wrapper {
        padding: 15px 30px;
    }

    .b-vacancies__text {
        margin-bottom: 8px;
    }

    .b-techshop__vacancies-popular {
        margin-top: 40px;
    }

    .b-vacancies__item_single .b-vacancies__price {
        margin-bottom: 22px;
    }

    .b-vacancies__item_single .b-vacancies__item-wrapper {
        margin-bottom: 20px;
        min-height: 346px;
    }

    .b-vacancies__social {
        display: none !important;
    }

    .b-vacancies__info {
        margin-top: 24px;
    }

    .b-vacancies__metro {
        margin-bottom: 0 !important;
    }

    .b-vacancies__info > a,
    .b-vacancies__info > div:last-child {
        display: none !important;
    }

    .b-vacancies__content h2 {
        line-height: normal;
    }
}

@media (max-width: 580px) {
    .modal-title {
        line-height: 1.16;
    }

    #profileFileSelect.profile-file-select {
        margin-bottom: 40px !important;
    }

    .b-vacancies__footer {
        margin-bottom: 60px !important;
    }

    .b-vacancies__item_single {
        width: calc(100% + 30px);
        transform: translateX(-15px);
        overflow-x: hidden;
    }

    .b-vacancies__item_single .b-vacancies__item-wrapper {
        padding: 32px;
    }

    .b-techshop__vacancies-popular .carousel-item .row > div {
        width: 270px;
    }

    .b-vacancies__add-favorite {
        top: initial;
        bottom: 42px;
    }

    .b-vacancies__bottom button {
        width: calc(100% - 34px);
    }
}

@media (max-width: 520px) {
    .upload-zone__wrapper {
        padding: 20px;
    }


}