#WorkingSection {

    --font-family: HelveticaNeueCyr;

    margin-top: 130px;

    @media (max-width: 1239px) {
        margin-top: 80px;
    }

    .Section {
        position: relative;

        overflow: hidden;

        background-color: #101010;

        min-height: 652px;
    }

    .SectionViewport {
        display: flex;
        flex-direction: column;
    }

    .Motto {
        position: absolute;

        top: 0;
        left: 50%;
        transform: translate(-50%, 0);

        color: #fff;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 36px;
        font-style: normal;
        font-weight: 550;
        line-height: 36px;
        /* 100% */

        display: flex;
        flex-direction: column;

        @media (max-width: 1239px) {
            color: #fff;
            text-align: center;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: 25px;
            font-style: normal;
            font-weight: 550;
            line-height: 25px;
            /* 100% */
        }
    }

    .Motto>.Accent {
        color: #555;
    }

    .Container {
        display: flex;

        flex-wrap: wrap;
        justify-content: space-between;

        padding-left: 40px;
        padding-right: 40px;
        padding-top: 51px;
        padding-bottom: 29px;

        margin-top: 161px;

        background-color: #2f2f2f;

        border-radius: 12px;

        @media (max-width: 1239px) {
            flex-direction: column;

            margin-top: 150px;
            padding-top: 60px;
            padding-bottom: 60px;
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    .MobileRow {
        display: flex;
        flex: 1 1 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .Container>* {
        margin-top: 10px;
        animation: Working_Down 300ms;

        @media (max-width: 1239px) {
            margin-top: unset;
            margin: 5px;
        }
    }

    .ContainerItem {
        border-radius: 10px;
    }

    .ContainerItem:hover {
        transform: translate(0, -5px);
        animation: Working_Up 300ms;
    }

    .ContainerItem1 {
        box-sizing: border-box;

        width: 230px;

        padding-top: 25px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;

        background-color: #515151;

        margin-right: 10px;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        @media (max-width: 1239px) {

            padding-left: 18px;
            padding-right: 18px;
            padding-top: 20px;
            padding-bottom: 20px;

            margin-right: unset;
            border-radius: 10px;

            width: calc(50vw - 25px);
            height: calc(50vw - 25px);
        }
    }

    .ContainerItem1Top {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 21px;
        font-style: normal;
        font-weight: 550;
        line-height: 21.913px;
        /* 104.348% */

        @media (max-width: 1239px) {
            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(4.04vw, 17px);
            font-style: normal;
            font-weight: 550;
            line-height: 17.944px;
            /* 105.556% */
        }
    }

    .ContainerItem1Bottom {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 15px;
        font-style: normal;
        font-weight: 550;
        line-height: 18px;
        /* 120% */

        opacity: 0.6;

        @media (max-width: 1239px) {
            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(3.09vw, 12px);
            font-style: normal;
            font-weight: 550;
            line-height: normal;
        }
    }

    .ContainerItem2 {
        box-sizing: border-box;

        width: 230px;

        padding-top: 25px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;

        background-color: #515151;

        margin-right: 10px;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        @media (max-width: 1239px) {

            padding-left: 18px;
            padding-right: 18px;
            padding-top: 20px;
            padding-bottom: 20px;

            margin-right: unset;
            border-radius: 10px;

            width: calc(50vw - 25px);
            height: calc(50vw - 25px);
        }
    }

    .ContainerItem2Top {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 21px;
        font-style: normal;
        font-weight: 550;
        line-height: 21.913px;
        /* 104.348% */

        @media (max-width: 1239px) {
            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(4.04vw, 17px);
            font-style: normal;
            font-weight: 550;
            line-height: 17.944px;
            /* 105.556% */
        }
    }

    .ContainerItem2Bottom {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 15px;
        font-style: normal;
        font-weight: 550;
        line-height: 18px;
        /* 120% */

        opacity: 0.6;

        @media (max-width: 1239px) {
            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(3.09vw, 12px);
            font-style: normal;
            font-weight: 550;
            line-height: normal;
        }
    }

    .ContainerItem3 {
        box-sizing: border-box;

        width: 390px;
        height: 241px;

        img {
            width: 390px;
            height: 240.999px;
            border-radius: 10px;
            object-fit: cover;
        }

        margin-right: 10px;

        @media (max-width: 1239px) {
            width: calc(50vw - 25px);
            height: calc(50vw - 25px);
            margin-right: unset;

            border-radius: 10px;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }

    .ContainerItem4 {
        box-sizing: border-box;

        width: 230px;

        padding-top: 25px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;

        background-color: #515151;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        @media (max-width: 1239px) {

            padding-left: 18px;
            padding-right: 18px;
            padding-top: 20px;
            padding-bottom: 20px;

            margin-right: unset;
            border-radius: 10px;

            width: calc(50vw - 25px);
            height: calc(50vw - 25px);
        }
    }

    .ContainerItem4Top {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 21px;
        font-style: normal;
        font-weight: 550;
        line-height: 21.913px;
        /* 104.348% */

        @media (max-width: 1239px) {
            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(4.04vw, 17px);
            font-style: normal;
            font-weight: 550;
            line-height: 17.944px;
            /* 105.556% */
        }
    }

    .ContainerItem4Bottom {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 15px;
        font-style: normal;
        font-weight: 550;
        line-height: 18px;
        /* 120% */

        opacity: 0.6;

        @media (max-width: 1239px) {
            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(3.09vw, 12px);
            font-style: normal;
            font-weight: 550;
            line-height: normal;
        }
    }

    .ContainerItem5 {
        box-sizing: border-box;

        width: 100%;

        height: 150px;
        padding-left: 20px;
        padding-right: 20px;

        background-color: #515151;

        display: flex;
        flex-direction: row;
        justify-content: space-between;

        @media (max-width: 1239px) {

            padding-left: 15px;
            padding-right: 15px;
            padding-top: 45px;
            padding-bottom: 40px;

            margin-right: unset;
            border-radius: 10px;

            width: calc(100vw - 40px);
        }
    }

    .ContainerItem5Left {
        width: 200px;

        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 33px;
        font-style: normal;
        font-weight: 500;
        line-height: 33px;

        align-content: center;
    }

    .ContainerItem5Right {
        width: 610px;

        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 21px;
        font-style: normal;
        font-weight: 500;
        line-height: 21.913px;

        align-content: center;

        @media (max-width: 1239px) {
            width: unset;
            height: unset;

            color: #fff;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: min(4.04vw, 17px);
            font-style: normal;
            font-weight: 550;
            line-height: 17.944px;
            /* 105.556% */
        }
    }
}

@keyframes Working_Up {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(0, -5px);
    }
}

@keyframes Working_Down {
    from {
        transform: translate(0, -5px);
    }

    to {
        transform: translate(0, 0);
    }
}