.page-vacancy-single .main-header-container .container-control-header .btn-header-container {
    background: #57C984;
    border: 1px solid #565656;
}
.page-vacancy-single .main-header-container .container-control-header .btn-header-container:hover {
    background: #000;
    color: #57C984;
    border: 1px solid #565656;
}
.page-vacancy-single #draggable,
.page-vacancy-single #progress-bar {
    background-color: #57C984;
}
.page-vacancy-single #progress-container {
    background-color: #565656;
}
.page-vacancy-single .main-header-container .container-logo-nav .logo-wrapper svg path {
    fill: #000;
}
.main-nav-container .container-footer-nav:nth-of-type(1) .link-container a,
.main-nav-container .container-footer-nav:nth-of-type(2) .link-container a {
    color: #000;
}
.page-vacancy-single .vacancy-post {
    display: flex;
}
.page-vacancy-single .vacancy-post .container-left {
    width: 35%;
    background: #57C984;
}
.page-vacancy-single .vacancy-post .container-right {
    width: 60%;
    padding: 80px 238px 140px 112px
}
.page-vacancy-single .vacancy-post .container-left .bread-crumbs-container .selected-crumbs {
    color:#000;
}
.page-vacancy-single .vacancy-post .container-left .container-info {
    padding: 30px 64px 48px 80px;
    position: sticky;
    height: fit-content;
    top: 0;
}
.page-vacancy-single .vacancy-post .container-left .container-info .title {
    font-size: 48px;
    color: #000;
    font-family: Ordina-WideBd;
}
.page-vacancy-single .vacancy-post .container-left .container-info .filters-container {
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.page-vacancy-single .vacancy-post .container-left .container-info .filters-container .filter-item {
    font-family: Ordina-WideBd;
    padding: 10px 15px;
    border-radius: 30px;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    background-color: #57C984;
    display: inline-block;
    white-space: nowrap;
    transition: all .3s ease-in;
}

.page-vacancy-single .vacancy-post .container-left .container-info .post-link-button {
    width: 100%;
    margin-top: 200px;
    display: flex;
}
.page-vacancy-single .vacancy-post .container-left .container-info .post-link-button a {
    font-size: 26px;
    color: #fff;
    background-color: #000;
    padding: 12px;
    text-decoration: none;
    font-family: Ordina-WideBd;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in;
    border: 1px solid #000;
}
.page-vacancy-single .vacancy-post .container-left .container-info .post-link-button a:hover {
    color: #000000;
    background: transparent;
}

.page-vacancy-single .vacancy-post .container-right h2 {
    font-size: 44px;
    margin-bottom: 48px;
    color: #D9D9D9;
}
.page-vacancy-single .vacancy-post .container-right h2 {
    font-size: 40px;
    margin-bottom: 48px;
    color: #D9D9D9;
}
.page-vacancy-single .vacancy-post .container-right h3 {
    font-size: 32px;
    margin-bottom: 48px;
    color: #D9D9D9;
}
.page-vacancy-single .vacancy-post .container-right p {
    font-size: 18px;
    font-family: Ordina;
    margin-bottom: 32px;
    color: #D9D9D9;
}
.page-vacancy-single .vacancy-post .container-right p strong {
    font-weight: 700;
}
.page-vacancy-single .vacancy-post .container-right ul {
    margin-bottom: 64px;
    padding: 0 40px;
    list-style: none;
    position: relative;
}
.page-vacancy-single .vacancy-post .container-right ul li {
    font-size: 18px;
    font-family: Ordina;
    line-height: 150%;
    color: #D9D9D9;
    margin-bottom: 15px;
}
.page-vacancy-single .vacancy-post .container-right ul li strong {
    font-weight: 700;
}
.page-vacancy-single .vacancy-post .container-right ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    padding-top: 7px;
    background: url('/themes/modusx/assets/assets/list-icon.svg') no-repeat center;
    background-size: contain;
}
.vacancies .faq-section-container .accardion-wrapper .container-accardion svg path {
    fill: #57C984;
}
@media (min-width: 1620px) {
    .page-vacancy-single .main-header-container:not(.active-header) {
        background: linear-gradient(to right, #57C984 610px, #000 610px);
    }

    .page-vacancy-single .main-header-container .link-container:nth-child(1) .link-container__href,
    .page-vacancy-single .main-header-container .link-container:nth-child(2) .link-container__href {
        color: black;
    }

    .page-vacancy-single .main-header-container .link-container:nth-child(1) .link-container__href svg path,
    .page-vacancy-single .main-header-container .link-container:nth-child(2) .link-container__href svg path {
        stroke: black;
        fill: black;
    }

    .page-vacancy-single .vacancy-post .container-left {
        width: 610px;
    }
    .page-vacancy-single .vacancy-post .container-right {
        padding: 80px 238px 140px 112px
    }
}
@media (min-width: 768px) {
    .page-vacancy-single .bread-crumbs-container {
        padding: 15px 80px;
    }
}
@media (max-width: 1620px) {
    body.page-vacancy-single {
        background: #000;
    }
    .page-vacancy-single .main-header-container:not(.active-header) {
        background: #57C984;
    }
    .page-vacancy-single .main-header-container .container-control-header .btn-header-container,
    .page-vacancy-single .main-header-container .container-control-header .btn-header-container:hover {
        background: #000;
        color: #fff;
    }
    .page-vacancy-single .main-header-container .container-control-header .container-locale-wrap span,
    .page-vacancy-single .container-locale-wrap ul li {
        color: #000;
    }
    .page-vacancy-single .main-header-container .container-control-header .container-locale-wrap svg path {
        fill: #000;
        stroke: #000;
    }
    .page-vacancy-single .main-header-container .container-control-header .search-btn svg path {
        stroke: #000;
    }
    .page-vacancy-single .container-control-header .container-burger-menu svg path {
        fill: #000;
    } 
    .page-vacancy-single .vacancy-post {
        display: block;
    }
    .page-vacancy-single .vacancy-post .container-left {
        width: 100%;
        background: #57C984;
    }
    .page-vacancy-single .vacancy-post .container-right {
        width: 100%;
        padding: 80px 80px;
    }
    .page-vacancy-single .vacancy-post .container-left .container-info {
        padding: 80px 80px;
    }
    .page-vacancy-single .vacancy-post .container-left .container-info .post-link-button {
        margin-top: auto;
    }
    .page-vacancy-single .vacancy-post .container-left .container-info .post-link-button a {
        width: auto;
        font-size: 22px;
        padding: 12px 30px;
    }
}
@media (max-width: 1100px) {
    .page-vacancy-single .faq-section-container.form-service {
        gap: 30px;
    }
}
@media (max-width: 768px) {
    .page-vacancy-single .vacancy-post .container-left .container-info .title {
        font-size: 38px;
    }
    .page-vacancy-single .vacancy-post .container-right {
        padding: 80px 30px;
    }
    .page-vacancy-single .vacancy-post .container-left .container-info {
        padding: 60px 30px;
    }
    .page-vacancy-single .vacancy-post .container-right h1 {
        font-size: 34px;
    }
    .page-vacancy-single .vacancy-post .container-right h2 {
        font-size: 32px;
    }
    .page-vacancy-single .vacancy-post .container-right h3 {
        font-size: 26px;
    }
}
@media (max-width: 480px) {
    .page-vacancy-single .vacancy-post .container-left .container-info .title {
        font-size: 28px;
    }
    .page-vacancy-single .vacancy-post .container-left .container-info .filters-container .filter-item {
        font-size: 14px;
    }
    .page-vacancy-single .vacancy-post .container-right h1 {
        font-size: 30px;
    }
    .page-vacancy-single .vacancy-post .container-right h2 {
        font-size: 24px;
    }
    .page-vacancy-single .vacancy-post .container-right h3 {
        font-size: 22px;
    }
    .page-vacancy-single .vacancy-post .container-left .container-info .post-link-button a {
        font-size: 20px;
    }
}