.front-perspective__inner {
    display: grid;
    gap: 40px;

    @media screen and (min-width: 1025px) {
        grid-template-columns: 1fr auto;
        align-items: flex-end;
    }

    @media screen and (max-width: 1024px) {
        & > *:nth-child(1) {
            order: 1;
        }
        & > *:nth-child(2) {
            order: 3;
            justify-self: start;
        }
        & > *:nth-child(3) {
            order: 2;
        }
    }
}

.front-perspective__top-left-column {
    max-width: 800px;
}

.front-perspective__title {
    margin-bottom: 30px;

    @media screen and (max-width: 1024px) {
        margin-bottom: 10px;
    }
}

.front-perspective__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 34px;
    padding: 40px;
    border-radius: 32px;
    border: 1px solid var(--color-grey-92);
    background: var(--color-grey-97);
    box-shadow: 112px 197px 63px 0 rgba(0, 0, 0, 0.00), 72px 126px 58px 0 rgba(0, 0, 0, 0.01), 40px 71px 49px 0 rgba(0, 0, 0, 0.05), 18px 31px 36px 0 rgba(0, 0, 0, 0.09), 4px 8px 20px 0 rgba(0, 0, 0, 0.10);

    @media screen and (min-width: 1025px) {
        grid-column: span 2;
    }

    @media screen and (max-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (max-width: 767px) {
        grid-template-columns: repeat(1, 1fr);
        box-shadow: none;
        background: var(--color-white-solid);
    }
}

.front-perspective__list-item {
    padding-block: 25px;
    border-top: 1px solid var(--color-grey-92);
}

.front-perspective__list-item-image {
    border-radius: 10px;
    border: 1px solid var(--color-grey-92);
    width: 50px;
    padding: 6px 12px;
    margin-bottom: 20px;
}

.front-perspective__list-item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
}

.front-perspective__description--bottom {
    margin-bottom: 24px;
}