.swiper {
    width: 100%;
    padding: 20px;
}

.swiper-slide {
    height: 300px;
}

.card {
    height: 100%;
    background-color: lightblue;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.swiper-pagination {
    bottom: -30px !important;
}

.swiper-button-next, 
.swiper-button-prev {
    

    
}

.swiper-card {
    background-color: #F3F7FA; 
height: 300px; width: 240px; 
flex-direction: column; 
align-items: start;
border-radius: 20px; 
padding: 35px 30px;
    transition: background-color 0.3s ease;
}

.swiper-card:hover {
    background-color: white;
}