.floating-card {
    position: absolute;
    top: 450px; /* Moved further down */
    left: 50%;
    transform: translateX(-50%);
    width: 100%; /* Increased width */
    background-color: transparent;
    border-radius: 15px;
    z-index: 2; /* Above curved-box and navigation */
    display: flex; /* To center the card-slider content */
    justify-content: center;
    align-items: center;
    padding: 0; /* Remove padding to make the banner fill the card */
    overflow: hidden; /* Ensure overflow is hidden for the floating card itself */
}