.b-about {
    font: 16px/24px 'Open Sans', sans-serif;
    color: #B3B7BD;
}
.b-about__flex {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: auto;
    max-width: 1000px;
    width: 100%;
    padding: 0 0 64px;
}
.b-about__flex:last-child {
    padding: 0;
}
.b-about__flex_top {
    flex-flow: column;
}
.b-about__text_left,
.b-about__text_right {
    order: 1;
    width: 552px;
}
.b-about__text_top {
    order: 2;
    width: 1000px;
}
.b-about__subtitle{
    margin-bottom: 24px;
    font: 700 32px/42px 'Inter', sans-serif;
    color: #FFF;
}
.b-about__img_left {
    order: 0;
}
.b-about__img_right {
    order: 2;
}
.b-about__img_left,
.b-about__img_right {
    width: 400px;
    aspect-ratio: 400/351;
    background: 0 0 / 100%;
}
.b-about__img_top {
    margin: 40px auto;
    width: 1000px;
    aspect-ratio: 1000/460;
    background: 0 0 / 100%;
    order: 0;
}

@media (max-width: 1024px) {
    .mobile .b-section {
        padding: 45px 15px;
    }
}
@media (max-width: 610px) {
    .mobile .b-about__flex {
        flex-wrap: wrap;
    }
    .mobile .b-about__text {
        width: 100%;
    }
    .mobile .b-about__img {
        max-width: 546px;
        width: 100%;
    }
    .b-about__img_left,
    .b-about__img_right {
        order: 2;
    }
}
