.simple-cards-carousel {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}


.simple-cards-carousel .swiper-wrapper {
    display: flex;
    align-items: stretch;
    /* Ensures that all slides (cards) stretch to the same height */
}

.simple-cards-carousel .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.simple-cards-carousel .swiper-slide .card {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    /* Ensure the card takes the full width of the slide */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50% 50%;
    height: 100%;
    /* Makes the card fill the height of the swiper-slide */
}