.richList-section{
    margin-bottom:70px;
}

.richList-section .swiper-wrapper .richItem .text-wrapper {
    text-align: center;
    padding: 0 10px;
}

.richList-section .swiper-wrapper .richItem.richItem:last-of-type .text-wrapper {
    padding: 0;
}

        .richList-section .swiper-wrapper .richItem:last-of-type {
            margin-left: -14px;
        }

        .richList-section .swiper-wrapper .richItem  h4 {
            font-family: 'Roboto';
            text-transform: none;
            line-height: 32px;
            font-size: 24px;
            margin: 0;
            margin-bottom: 6px;
        }

        .richList-section .swiper-wrapper .richItem:hover h4 {
            color: #c30000;
        }

        .richList-section .swiper-wrapper .richItem p {
            font-size: 20px;
            line-height: 26px;
        }

        .richList-section .swiper-wrapper .richItem img {
            padding: 0 10px;
            object-fit: none;
            min-height: 224px;
        }

        .richList-section .img-wrapper {
            min-width: 224px;
            max-width: calc((224 / 1366) * 100vw);
            margin: auto;
            min-height: 224px;
        }

    .richList-section .swiper-wrapper .richItem .text-wrapper a p.link {
        padding-top: 18px;
        font-size: 18px;
    }

    .richList-section  p.link svg.arrow {
        stroke: #242424;
        stroke-width: 8px;
        margin-bottom: 2px;
    }

@media screen and (min-width: 768px) {
    .richList-section .swiper-wrapper .richItem .text-wrapper {
        text-align: left;
        height: max-content;
        align-self: center;
        cursor: default;
    }

    .richList-wrapper.swiper-wrapper {
        padding: 0 23px;
        width: auto;
        flex-flow: wrap;
        gap: 24px;
        align-items: center;
    }

    .richList-section .swiper-wrapper .richItem {
        width: calc(50% - 12px);
        display: flex;
        gap: 20px;
    }

        .richList-section .swiper-wrapper .richItem:last-of-type {
            margin:0;
        }

    .richList-section .img-wrapper {
        min-width: 224px;
        max-width: calc((224 / 1366) * 100vw);
        max-height: calc((224 / 1366) * 100vw);
        margin: 0;
    }

        .richList-section .swiper-wrapper .richItem img {
            padding: 0;
            min-width: 224px;
            max-width: calc((224 / 1366) * 100vw);
            width: auto;
            transition: all 300ms ease-in-out;
        }

        .richList-section .swiper-wrapper .richItem:hover img {
            transform: scale(1.1);
            transition: all 300ms ease-in-out;
        }
}