.about-page__wrapper {
    display: flex;
    width: 100%;
    margin-bottom: 60px;
}

.about-page__menu {
    margin-right: 21px;
    height: max-content;
    position: sticky;
    top: 56px;
    z-index: 1;
}

.about-page__menu-list {
    list-style: none;
    width: 240px;
}

.about-page__menu-list-item {
    border-bottom: 1px solid var(--site-super-light-grey);
    cursor: pointer;
}

.about-page__menu-list-item--selected {
    border-left: 2px solid var(--site-red);
}

.about-page__menu-link {
    display: flex;
    justify-content: left;
    align-items: center;
    color: #282828;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 24px 32px;
    background-color: white;
    transition: color 0.3s ease;
}

.about-page__menu-link:hover {
    color: #C83636;
}

.about-page__content {
    flex-grow: 1;
    margin-bottom: 16px;
}

.about-page__tb {
    margin-bottom: 16px;
}

.stage-block-wrapper {
    margin-top: 49px;
    background-repeat: repeat-y;
    background-image: url("data:image/svg+xml,%3Csvg width='49' height='181' viewBox='0 0 49 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.25' stroke='%23C83636'%3E%3Cpath d='M0 11h28M0 31h28M0 51h28M0 71h49M0 91h28M0 111h28M0 131h28M0 151h49M0 171h28'/%3E%3C/g%3E%3Cpath opacity='.25' d='M14 0v181' stroke='%23C83636' stroke-dasharray='2 2'/%3E%3C/svg%3E");
}

.stage-block {
    display: flex;
    margin-bottom: 38px;
}

.stage-block:not(.stage-block:last-of-type) {
    display: flex;
    margin-bottom: 38px;
}

.stage-block__title-block {
    display: flex;
    min-width: 169px;
}

.stage-block__title-block .icon {
    margin-right: 16px;
}

.stage-block__title {
    color: var(--site-red);
    font-size: 24px;
    font-weight: 700;
}

.stage-block__description {
}

.stage-block:nth-child(1) .stage-block__title-block {
    opacity: 1;
}

.stage-block:nth-child(2) .stage-block__title-block {
    opacity: 0.9;
}

.stage-block:nth-child(3) .stage-block__title-block {
    opacity: 0.8;
}

.stage-block:nth-child(4) .stage-block__title-block {
    opacity: 0.7;
}

.stage-block:nth-child(5) .stage-block__title-block {
    opacity: 0.6;
}

.stage-block:nth-child(6) .stage-block__title-block {
    opacity: 0.5;
}

.stage-block:nth-child(7) .stage-block__title-block {
    opacity: 0.4;
}

.stage-block:nth-child(8) .stage-block__title-block {
    opacity: 0.3;
}

.stage-block:nth-child(9) .stage-block__title-block {
    opacity: 0.2;
}

.stage-block:nth-child(10) .stage-block__title-block {
    opacity: 0.1;
}

@media screen and (max-width: 980px) {
    .about-page__wrapper {
        flex-direction: column;
    }

    .about-page__menu {
        position: unset;
        margin-right: unset;
        margin-bottom: 16px;
    }

    .about-page__menu-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .about-page__menu-list-item {
        flex-grow: 1;
    }

    .about-page__menu-list-item:not(.about-page__menu-list-item:last-of-type) {
        border-right: 2px solid var(--site-super-light-grey);
    }

    .about-page__menu-list-item--selected {
        border-left: unset;
        border-bottom: 2px solid var(--site-red);
    }

    .about-page__menu-link {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .about-page__menu-link {
        padding: 16px;
    }

    .stage-block {
        flex-direction: column;
    }
}