offer-image-container {
    display: inline-block; /* Or block if you prefer consistent sizing */
    position: relative;
    margin-right: 10px; /* Adjust spacing between images */
    margin-bottom: 10px;
    max-width: 15%; /* Adjust as needed */
    /* max-height: 100px; */
    flex-grow: 1;
    overflow: hidden;
    /* border: 1px solid #ddd; */
}

.offer-image-container img {
    width: 120px;
    height: 120px; 
    /* height: auto;  */
    display: block;
    object-fit: cover;

}

.offer-image-container:hover .close-btn {
    display: block;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    font-size: 0.8em;
    line-height: 1;
    z-index: 10; 
}

.image-grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
}
.card-content {
    overflow: visible !important; 
}

.content-wrapper,
.card,
.card-body {
    height: auto !important;
    overflow: visible !important;
}

.pdf-container {
    display: flex;
    align-items: center; /* Align elements vertically */
    gap: 10px; /* Space between delete button and file name */
    margin-top: 10px; /* Add some spacing from the file input */
}

.pdf-container i {
    cursor: pointer;
    color: red; /* Change color to indicate delete action */
    font-size: 20px; /* Adjust size */
}

.pdf-container a {
    text-decoration: none;
    font-weight: bold;
    color: #6a1b9a; /* Purple color */
    text-transform: uppercase; /* Optional */
}