html{
    scroll-behavior: smooth;
}

body{
    background: #FFF;
}

main{
    padding: 0 20px;
    min-height: 1100px;
}

main .title{
    position: relative;
    color: #0D42FF;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 75.2px;
    text-transform: uppercase;
    padding-top: 160px;
    margin-bottom: 20px;
}

main .title::after{
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E6EAF0; 
}



main .vacancies{
    display: flex;
    padding: 20px 0;
}


main .vacancies .vacancies_nav{
    width: 100%;
}

main .vacancies .vacancies_nav .vacancies_nav__links{
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 101px;
    gap: 5px;
}

main .vacancies .vacancies_nav .vacancies_nav__links .link{
    color: #35383A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

main .vacancies .vacancies_nav .vacancies_nav__links .link._active{
    color: #0D42FF;
}


main .vacancies .vacancies__vacancy{
    min-width: 754px;
    width: 754px;
    position: relative;
}

main .vacancies .vacancies__vacancy::after{
    content: "";
    position: absolute;
    top: -20px;
    width: 100%;
    height: 1px;
    background: #E6EAF0; 
}

main .vacancies .vacancies__vacancy .mark{
    position: absolute;
    top: -243px;
}

main .vacancies .vacancies__vacancy:first-child::after{
    display: none;
}


main .vacancies .vacancies__vacancy .vacancy__title{
    color: #35383A;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
    margin-bottom: 20px;
}

main .vacancies .vacancies__vacancy._active .vacancy__title{
    color: #0D42FF;
}

main .vacancies .vacancies__vacancy .vacancy__description{
    color: #35383A;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
    margin-bottom: 20px;
}

main .vacancies .vacancies__vacancy .vacancy__requirements .requirements__title{
    color: #35383A;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
    margin-bottom: 20px;
}

main .vacancies .vacancies__vacancy .vacancy__requirements .requirements__description{
    color: #35383A;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; 
    margin-bottom: 20px;
}

main .vacancies .vacancies__vacancy .vacancy__requirements .requirements__contact{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 76px;
}

main .vacancies .vacancies__vacancy .vacancy__requirements .requirements__contact .telephone{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20.8px;
    padding: 4px 16.16px 5.8px 15px; 
    border-radius: 30px;
    border: 1px solid #35383A;
    background: #35383A; 
}

main .vacancies .vacancies__vacancy._active .vacancy__requirements .requirements__contact .telephone{
    border: 1px solid #0D42FF;
    background: #0D42FF; 
}

main .vacancies .vacancies__vacancy .vacancy__requirements .requirements__contact .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px; 
    border-radius: 30px;
    border: 1px solid #35383A;
    background: #35383A;
}

main .vacancies .vacancies__vacancy._active .vacancy__requirements .requirements__contact .icon{
    border: 1px solid #0D42FF;
    background: #0D42FF; 
}