body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: rgb(245, 243, 239);
}

.container {
    flex: 1 0 auto;
    padding: 20px;
}

h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.btn {
    margin-top: 20px;
    border-radius: 5px; /* or any desired radius */
}

#progress {
    margin-top: 20px;
}

.card {
    margin-top: 20px;
}

.card-image {
    height: 200px;
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row {
    margin-top: 30px;
}

.button-group {
    display: flex;
    align-items: center;
}

.count-display {
    margin-left: 40px; /* Adjust as needed for spacing */
    font-size: 1.2em; /* Increase the font size */
    font-weight: bold; /* Optional: Make the text bold */
}


.file-path-wrapper {
    display: none;
}

.custom-border-radius {
    border-radius: 5px; /* or any desired radius */
}