body {
    background-color: #d8d3d3;
}
.card {
    border: 2px solid #000; /* Thicker outline */
    border-radius: 10px; /* Slightly rounded corners */
    background-color: #fff; /* White background for cards */
    display: flex; /* Enable flexbox */
    flex-direction: column; /* Stack children vertically */
    height: 100%; /* Allow the card to take full height */
}
.card-body {
    flex-grow: 1; /* Allow the card body to grow and fill the space */
}
.btn-custom {
    background-color: #fff; /* White background */
    color: #000; /* Black text */
    border: 2px solid #000; /* Same outline as cards */
    border-radius: 10px; /* Same rounded corners as cards */
}
.card-title {
    height: 50px; /* Fixed height for title */
    overflow: hidden; /* Hide overflow text */
}
.image-container {
    height: 220px; /* Fixed height for image */
    display: flex; /* Center image or text */
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa; /* Light background for no image */
}
.form-control-custom {
    border: 2px solid #000; /* Same border thickness as cards and buttons */
    border-radius: 10px; /* Same rounded corners as cards and buttons */
}