.l-page-topicsPage-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15rem 2.7232142857%
}

.l-page-topicsPage-list-item {
    display: flex;
    width: 31.5178571429%
}

@media screen and (max-width: 900px) {
    .l-page-topicsPage-list {
        gap:4rem 6.0606060606%
    }

    .l-page-topicsPage-list-item {
        width: 46.9696969697%
    }
}

.l-page-topicsPage__heding {
    align-items: center;
    display: flex;
    font-size: 5rem;
    justify-content: space-between;
    margin-bottom: 14rem
}

@media screen and (max-width: 900px) {
    .l-page-topicsPage__heding {
        font-size:3rem;
        margin-bottom: 5.5rem;
        width: 84.6153846154%
    }
}