.cards-container {
    .swiper {
        .item {
            .item__section-secondary {
                .container-middle {
                    align-items: initial;
                }
            }
        }
    }
}

@media (min-width: 1200px) {

    .cards-container {
        .swiper-wrapper {
            margin-left: 0;
            gap: 24px;
        }
        .swiper {
            padding-bottom: 0;
            .item {
                width: 312px !important;
                min-width: 312px;
            }
        }
    }

}

@media (min-width: 1920px) {

    .cards-container {
        .swiper {
            .item {
                width: 404px !important;
                min-width: 404px;
            }
        }
    }

}