.cards-container {
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #888 #f4f4f4; /* For Firefox */
    justify-content: center;
}

    .cards-container::-webkit-scrollbar {
        height: 8px;
    }

    .cards-container::-webkit-scrollbar-track {
        background: #f4f4f4;
    }

    .cards-container::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 10px;
        border: 2px solid #f4f4f4;
    }

.cardHorizontal {
    flex: 0 0 auto;
    width: 200px;
    margin-right: 10px;
  /*  padding: 20px;*/
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .cardHorizontal:last-child {
        margin-right: 0;
    }