@media (min-width: 0) {

    .employment {
        padding-top: 40px;
        padding-bottom: 100px;
        background-color: #1F262D;
    }

    [data-color-theme=light] {
        --text-main-color: #000;
        --text-secondary-color: #6b6b6b;
        --text-addition-color: #a6a4a0;
        --text-disable-color: #c3c2be;
        --text-invert-color: #fff;
        --bg-main-color: #fff;
        --bg-secondary-color: #f7f7f5;
        --bg-secondary-accent-color: #edecea;
        --bg-with-shadow-color: #fff;
        --bg-accent-color: #242424;
        --bg-invert-color: #000;
        --stroke-main-color: #e4e4e4;
        --stroke-secondary-color: #c3c2be;
        --stroke-accent-color: #000;
        --icon-main-color: #000;
        --icon-secondary-color: #c3c2be;
        --accent-brand-color: #3f2aff;
        --accent-success-secondary-color: #def2d9;
        --accent-warning-secondary-color: #ffefb7;
        --accent-danger-color: #ff5733;
        --accent-danger-secondary-color: #ffe7e7;
        --accent-sale-color: #fff705;
        --accent-always-white-color: #fff;
        --accent-visited-color: #5d1793;
        --bg-main-color-rgb: 255, 255, 255;
        --bg-secondary-color-rgb: 247, 247, 245;
        --accent-brand-color-rgb: 63, 42, 255;
        --accent-always-white-color-rgb: 255, 255, 255;
    }


    .work-v4-expectations__list .work-v4-expectations__item:nth-child(3) .work-v4-expectations__card {
        position: relative;
        bottom: 20px;
        background: #A6C1EE;
    }


    .work-v4-expectations__list .work-v4-expectations__item:nth-child(1) .work-v4-expectations__card {
        background: #FFD150;
    }

    .work-v4-expectations__list .work-v4-expectations__item:nth-child(2) .work-v4-expectations__card {
        background: #0ACF83;
    }

    .work-v4-expectations__list .work-v4-expectations__item:nth-child(4) .work-v4-expectations__card {
        position: relative;
        bottom: 27px;
        background: #1ABCFE;
    }


    .work-v4-expectations__hidden-text {
        position: relative;
    margin-top: 10px;
    font-family: "Gotham Pro";
    font-size: 14px;
    line-height: 150%;
	color: #1D1D1B;
    }

    :root {
        --accent-success-color: #11af50;
        --accent-success-bg-color: #afdfb4;
        --accent-warning-color: #ffaa00;
        --accent-warning-bg-color: #ffdf6e;
        --accent-danger-bg-color: #febcb4;
        --accent-variable-color: #dcf4fe;
        --accent-baked-milk-color: #fdf4ed;
        --accent-always-black-color: #000;
        --accent-always-black-color-rgb: 0, 0, 0;
    }

    [data-color-theme=light] {
        --stroke-custom-color: var(--stroke-accent-color);
    }
 
    .work-v4 {
        color: var(--text-main-color);
    }

    .employment__wrapper {
        position: relative;
    }

    .work-v4-expectations__list {
        padding: 0;
        list-style: none; 
        counter-reset: listCounter;
    }

    .work-v4 {
        color: var(--text-main-color);
    }

    .work-v4-expectations__item:nth-child(1) {
        -webkit-transform: translateY(calc((2) * var(--card-offset)));
        transform: translateY(calc((2) * var(--card-offset)));
        margin-top: 10px;
    }

    .work-v4-expectations__item:nth-child(2) {
        -webkit-transform: translateY(calc((3)*var(--card-offset)));
        transform: translateY(calc((3)*var(--card-offset)));
        margin-top: 10px;
    } 

    .work-v4-expectations__item:nth-child(3) {
        -webkit-transform: translateY(calc((6)*var(--card-offset)));
        transform: translateY(calc((6)*var(--card-offset)));
        margin-top: 10px;
    }
 
    .work-v4-expectations__item:nth-child(4) {
            -webkit-transform: translateY(calc((8)*var(--card-offset)));
        transform: translateY(calc((8)*var(--card-offset)));
        margin-top: 10px;
    }

    .work-v4-expectations__item {
        --card-offset: 10px; 
        position: -webkit-sticky;
        position: sticky;
        top: 94px;
        outline: 0;
        counter-increment: listCounter;
    }


    .work-v4-expectations__card {
        padding: 24px 16px;
        color: var(--text-main-color);
        background: #F9FAFB;
        border-radius: 16px;;
        display: flex;
        align-items: start;
        flex-direction: column;
        height: 260px;
    }

    .work-v4-expectations__subtitle {
        font-size: 24px;
        text-transform: uppercase;
        color: #BC625C;
        line-height: 120%;
    }

    .work-v4-expectations__text {
        position: relative;
        margin-top: 10px;
        font-size: 24px;
        line-height: 120%;
		color: #1D1D1B;
    }

   


    .employment__main-info h2 {
        font-weight: 400;
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 10px;
        line-height: 120%;
        width: 88%;
    }

    .employment__main-description {
        font-size: 14px;
        line-height: 150%;
        font-family: "Gotham Pro";
        margin-top: 15px;
    }


    .employment__wrapper h6 {
        font-size: 18px;
        color: #BC625C;
        position: sticky;
        top: 20px;
        display: flex;
        gap: 10px;
        flex-direction: column;
        
    }
    .employment__wrapper h6 span {
        text-transform: uppercase;
        font-size: 24px;
		color: #f3f4f6;
    }
}

@media (min-width: 639px) {

    .work-v4-expectations__list {
        display: flex;
        justify-content: space-between;
        align-items: end;
        overflow-x: scroll;
        gap: 24px;
        margin-top: 20px;
    }

    .employment__main {
        margin-bottom: 0px;
    }

    .employment__wrapper h6 {
        position: unset;
        margin-bottom: 0;
        margin-top: 70px; 
    }

    .employment__wrapper h6 span {
       
        text-transform: uppercase;
        font-size: 36px;
		
    }

    .employment {
        padding-bottom: 40px;
    }

    .work-v4-expectations__list .work-v4-expectations__item:nth-child(3) .work-v4-expectations__card {
        bottom: 0;
    }

    .work-v4-expectations__list .work-v4-expectations__item:nth-child(4) .work-v4-expectations__card {
        bottom: 0;
    }


    .work-v4-expectations__item {
        --card-offset: 0;
        position: unset;
    }

    .work-v4-expectations__card {
        width: 260px;
        height: 330px;
    }


}

@media (min-width: 957px) {

    .employment__main-info h2 {
        width: 75%;
    }

    .employment__main-description {
        width: 98%;
    }

    .employment__main {
        display: flex;
        justify-content: space-between;

    }

    .employment__main-button {
        align-self: end;
    }

    .work-v4-expectations__list {
        margin-top: 40px;
    }

}

@media (min-width: 1225px) {

    .work-v4-expectations__card {
        width: 288px;
        height: 280px;
    }

	.employment {
		padding-top: 128px;
		padding-top: 128px;
	}

    .work-v4-expectations__card:hover {
        background: #BC625C;
    }

    .work-v4-expectations__card:hover .work-v4-expectations__subtitle {
        color: #1D1D1B;
    }


    .employment__main-info h2 {
        font-size: 36px;
    }

    .employment__main-info {
        max-width: 800px;
    }

    .employment__main-description {
        font-size: 20px;
    }
}