#MottoSection {
    @media (min-width: 1240px) {
        padding-top: 195px;
    }

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

    @media (max-width: 1239px) {
        .Motto.Appear {
            animation: AppearInside 600ms;
        }

        .Description.Appear {
            animation: AppearTop 600ms;
        }
    }

    @media (min-width: 1240px) {
        .Motto.Appear {
            animation: AppearLeft 600ms;
        }

        .Description.Appear {
            animation: AppearBottom 600ms;
        }
    }

    .Section {
        position: relative;

        overflow: hidden;

        background-color: #101010;

        display: flex;
    }

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

        background-color: #101010;

        height: auto;
    }

    .TextContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        margin-bottom: 75px;

        @media (max-width: 1239px) {
            flex-direction: column;
            margin-left: calc(4.8vw - 10px);
            margin-bottom: 40px;
        }
    }

    .Motto {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 53px;
        font-style: normal;
        font-weight: 400;
        line-height: 53px;
        /* 100% */

        width: 603px;

        @media (max-width: 1239px) {
            width: 85vw;

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

    .Motto>.Accent {
        color: #4775FF;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 53px;
        font-style: normal;
        font-weight: 400;
        line-height: 53px;

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

    .Description {
        color: #fff;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 26.786px;

        width: 500px;

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

            margin-top: 40px;
            width: calc(83vw - 10px);
        }
    }

    .Image {
        width: 1200px;
        height: 276px;
        border-radius: 15px;

        margin-bottom: 206px;

        @media (max-width: 1239px) {
            width: 90vw;
            height: 176px;

            margin-left: auto;
            margin-right: auto;

            object-fit: cover;

            margin-bottom: 100px;
        }
    }
}