.wave-card {
    position: relative;
    width: 300px;
    height: 170px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    /* Light box shadow with teal color */
    box-shadow:
        0 4px 8px rgba(75, 171, 198, 0.25),
        0 2px 6px rgba(75, 171, 198, 0.2);
}

.wave-shape {
    position: absolute;
    bottom: -25px;
    left: -30px;
    width: 130%;
    height: 90px;
    /* Soft teal wave color */
    background: rgba(75, 171, 198, 0.25);
    border-radius: 100% 100% 0 0;
}

.wave-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    color: #000; /* keep text color default */
}
.wave-content small{
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 0 10px;
}