* {
    background-color: transparent !important;
}

.test {
    border: 1px solid red;
}

.lowest-labels-1a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.box-design-inner-1ac {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap based on available space */
    justify-content: space-between; /* Even spacing between child items */
    align-items: stretch; /* Ensure consistent alignment */
    gap: 20px; /* Spacing between boxes */
    padding: 20px; /* Padding for the container */
}

.Box-1a {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 40px); /* Dynamic width with spacing adjustment */
    max-width: calc(25% - 40px); /* Prevent exceeding available space */
    margin: 10px; /* Remove margins, controlled via gap in parent */
    background-color: transparent !important;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: hidden;
    transition: all 0.3s ease; /* Smooth resizing animation */
}

.Box-1a:hover {
    cursor: pointer;
    transform: scale(1.02); /* Slight zoom effect on hover */
}

.label-box-1a {
    background-color: white !important;
    position: relative;
    z-index: 3;
    padding: 20px;
    border-radius: 0px 0px 10px 10px !important;
}

.label-date-box-txt {
    background-color: transparent !important;
    text-transform: uppercase;
    color: rgb(6, 57, 112) !important;
    font-weight: 700 !important;
    font-size: 18px;
}

.date-box-1a {
    padding-bottom: 10px;
    color: rgb(192, 192, 192) !important;
    font-weight: 600 !important;
    font-size: 16px;
}

.image-rotate {
    position: relative;
    z-index: 2;
    display: inline-block; /* Keep the image inline */
    transition: transform 0.5s ease-in-out; /* Smooth rotation and zoom */
}

.image-rotate:hover {
    transform: rotate(-4deg) scale(1.1); /* Rotate and zoom in on hover */
}

@media (max-width:1200px) {
    .Box-1a {
        flex: 1 1 calc(100%); /* Two boxes per row on smaller screens */
        max-width: calc(100%);
    }
}
