.container-for-stages {
        width: 100%;
        max-width: 1220px;
        margin: 0 auto;
        display: block;
        padding: 0 20px;
    }

    .wrap-stages {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .wrap-stages.reverse {
        flex-direction: row-reverse;
    }

    .item-stage {
        display: flex;
        flex-direction: column;
        width: 24%;
    }

    .item-stage .wrap-stage-list {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .item-stage .wrap-stage-list .stage-number {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        max-width: 104px;
        min-height: 104px;
        font-size: 45px;
        font-weight: 700;
        line-height: 45px;
        background: #DD0000;
        color: #fff;

    }

    .item-stage .wrap-stage-list .stage-number.black {
        background: #000000;
    }

    .item-stage .wrap-stage-list img {
        width: 100%;
        max-width: 160px;
    }

    .item-stage p {
        display: block;
        margin: 18px 0 0 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 17.58px;
        color: #000;
    }

    .arrow-down {
        display: block;
        width: 100%;
        position: relative;
        height: 80px;
    }

    .arrow-down img {
        max-height: 40px;
        max-width: 46px;
        position: relative;
        width: 100%;
        height: 100%;
        left: 78.5%;
        top: 24%;
    }

    @media (min-width: 910px) and (max-width: 1280px) {
        .item-stage .wrap-stage-list img {
            max-width: 110px;
        }
    }

    @media (min-width: 910px) and (max-width: 1040px) {
        .item-stage .wrap-stage-list img {
            max-width: 90px;
            min-width: 90px;
            min-height: 90px;
        }
    }

    @media (max-width: 909px) {
        .arrow-down,
        .item-stage .wrap-stage-list img {
            display: none;
        }

        .item-stage .wrap-stage-list .stage-number {
            min-width: 104px;
            min-height: 104px;
        }

        .item-stage {
            flex-direction: row;
            gap: 20px;
            align-items: center;
            width: 100%;
        }

        .wrap-stages {
            flex-direction: column;
            gap: 16px;
        }

        .wrap-stages.reverse {
            flex-direction: column;
            margin-top: 16px;
        }

        .item-stage p {
            margin: 0;
        }


    }

    @media (max-width: 420px) {
        .item-stage {
            flex-direction: column;
            align-items: start;
        }
    }