/*<section class="advantage container">*/
 

@media (min-width: 0) {

    .advantage {
        padding-bottom: 100px;
        padding-top: 40px;
        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-v5-expectations__card:hover {
        background: #BC625C;
    }

    .work-v5-expectations__subtitle {
        position: relative;
        z-index: 2;
    }

    .work-v5-expectations__card:hover .work-v5-expectations__subtitle {
        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-v5 {
        color: var(--text-main-color);
    }

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

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

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

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

    

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

    .advantage__wrapper .work-v5-expectations__item:nth-child(4) {
        -webkit-transform: translateY(calc((5)*var(--card-offset)));
        transform: translateY(calc((5)*var(--card-offset)));
        margin-top: 10px;
    }

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


    .work-v5-expectations__card {
        padding: 68px 16px 16px 16px;
        color: var(--text-main-color);
        background: #F9FAFB;
        border-radius: 16px;;
        display: flex;
        align-items: start;
        flex-direction: column;
        height: 263px;
		justify-content: end;
    }

    .work-v5-expectations__item:nth-child(1) .work-v5-expectations__card {
        background: #FCD34D;
    }

    .work-v5-expectations__item:nth-child(1) .work-v5-expectations__card .work-v5-expectations__visible-info .work-v5-expectations__subtitle:before {
        position: absolute;
        bottom: 45px;
        left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        color: var(--accent-always-white-color);
        font-weight: 500;
        font-size: 96px;
        line-height: 24px;
        content: '01';
        opacity: 0.5;
        z-index: -1;
    }

    .work-v5-expectations__item:nth-child(2) .work-v5-expectations__card .work-v5-expectations__visible-info .work-v5-expectations__subtitle:before {
        position: absolute;
        bottom: 45px;
        left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        color: var(--accent-always-white-color);
        font-weight: 500;
        font-size: 96px;
        line-height: 24px;
        content: '02';
        opacity: 0.5;
        z-index: -1;
    }

    .work-v5-expectations__item:nth-child(3) .work-v5-expectations__card .work-v5-expectations__visible-info .work-v5-expectations__subtitle:before {
        position: absolute;
        bottom: 45px;
        left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        color: var(--accent-always-white-color);
        font-weight: 500;
        font-size: 96px;
        line-height: 24px;
        content: '03';
        opacity: 0.5;

        z-index: -1;
    }

    .work-v5-expectations__item:nth-child(4) .work-v5-expectations__card .work-v5-expectations__visible-info .work-v5-expectations__subtitle:before {
        position: absolute;
        bottom: 45px;
        left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        color: var(--accent-always-white-color);
        font-weight: 500;
        font-size: 96px;
        line-height: 24px;
        content: '04';
        opacity: 0.5;

        z-index: -1;
    }

    .work-v5-expectations__item:nth-child(2) .work-v5-expectations__card {
        background: #6EE7B7;
    }

    .work-v5-expectations__item:nth-child(3) .work-v5-expectations__card {
        background: #67E8F9;
    }

    .work-v5-expectations__item:nth-child(4) .work-v5-expectations__card {
        background: #A5B4FC;
    }

    .work-v5-expectations__subtitle {
        font-size: 24px;
    }

    .work-v5-expectations__text {
        position: relative;
        margin-top: 10px;
        font-family: "Gotham Pro";

        font-size: 14px;
        line-height: 150%;
    }

    

    .advantage__wrapper h2 {
        font-weight: 400;
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 10px;
        line-height: 120%;       
        position: sticky;
        top: 45px;
		color: #F3F4F6;
    }

    .advantage__wrapper .design-courses {
        position: sticky;
        top: 20px;
    }

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

    .advantage__wrapper {
        position: relative;
    } 

    .advantage__main-btn {
        width: 300px;
        padding: 18px 40px;
        margin-top: 25px;
        font-weight: 400;
    }

    .advantage__wrapper h6 {
        font-size: 18px;
        color: #BC625C;
        margin-top: 25px;
    }

  
}


@media (min-width: 639px) {

    .advantage {
        padding-bottom: 40px;
    }


    .advantage__wrapper .design-courses {
        position: unset;
    }
    .work-v5-expectations__list {
        display: flex;
        justify-content: space-between;
        align-items: end;
        overflow-x: scroll;
        gap: 10px;
        margin-top: 40px;
        transform: translate3d(0px, 0px, 0px) !important;
    }
    
    .advantage__wrapper {
        padding-top: 0;
    }

     .advantage__wrapper h2 {
        position: unset;
        margin-bottom: 30px;
     }

    .advantage__wrapper .work-v5-expectations__list {
        margin-top: -15px;
    }
    

    .advantage__wrapper .work-v5-expectations__item {
        --card-offset: 0;
        position: unset;
        margin-top: 20px;
    }

    .work-v5-expectations__card {
        width: 288px;
        height: 284px;


    }


}

@media (min-width: 957px) {

    .advantage__wrapper h2 {
        width: 75%;
        font-size: 36px;
        top: -11px;
    }

     


    .advantage__main-description {
        width: 90%;
    }
    
    


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

}

@media (min-width: 1244px) {

    .advantage-expectations__card {
        width: 392px;
        height: 284px;
    }

    .work-v5-expectations__list {
        gap: 20px;
    }


	.advantage {
		padding: 128px 0;
	}

}



/*<section class="advantage container">*/