#upperWave {
    width: calc( 100vw - 90px );
    height: 240px;
}

#lowerWave {
    max-height: 262.05px;
}

.layout-big .whatUpto .content > * {
    width: 100%;
}

.layout-big .whatUpto-title {
    padding: 0 60px;
    font-size: 2.3em;
    font-weight: 700;
}

.layout-big .whatUpto-cards {
    height: 60vh;
    height: calc(var(--vh, 1vh) * 60);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2em;
    margin-top: 1em;
}

.layout-big .whatUpto-cards > * {
    height: 100%;
    width: 38vw;

    background: rgba(255, 255, 255, 0.16);
    border: 2px solid #FBFBFB;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(18px);
    border-radius: 75px;

    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-end;

    gap: 3%;

    overflow: hidden;
    max-width: 303px;
}

.layout-big .card-picture {
    border-radius: 999px;
    width: 35vh;
    width: calc(var(--vh, 1vh) * 35);
    height: 35vh;
    height: calc(var(--vh, 1vh) * 35);
    /* height: 60%; */
    background: #FFFFFF;
    border: 1px solid #FBFBFB;
    box-shadow: 0px 4px 53px -2px rgba(0, 0, 0, 0.25);
}

.layout-big .card-caption {
    width: 100%;
    text-overflow: ellipsis;
    padding: 0 1em;
    height: 7%;

    display: flex;
    align-items:center ;
    justify-content: center;

    font-weight: 600;
}

.layout-big .card-title {
    height: 17%;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #FBFBFB;
    box-shadow: 0px -4px 52px rgba(0, 0, 0, 0.25); 
    color: #5B5B5B; 
    font-weight: 700;
    font-size: 1.4em;
    display: flex;
    align-items:center ;
    justify-content: center;
}

.layout-big .whatUpto-link-tag svg {
    height: 1em;
}

.layout-big .whatUpto-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2em;
    font-size: 1.3em;
    font-weight: 500;
}

.layout-big .whatUpto-link-tag:hover {
    text-decoration: underline;
}

@media screen and (max-width: 720px) { 
    .whatUpto-link-tag svg {
        height: 1em;
    }

    .whatUpto-link {
        display: flex;
        justify-content: center;
    }

    .whatUpto-title {
        font-weight: 700;
        font-size: 1.7em;
        text-align: center;
    }

    .whatUpto-cards {
        height: 70vh;
        height: calc(var(--vh, 1vh) * 70);
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .whatUpto-cards > * {
        height: 48%;
        width: 70%;

        background: rgba(255, 255, 255, 0.16);
        border: 2px solid #FBFBFB;
        box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(18px);
        border-radius: 10vw;

        overflow: hidden;

        max-width: 294px;

        cursor: pointer;
    }

    .whatUpto .layout-small .content {
        gap: 3vh;
        gap: calc(var(--vh, 1vh) * 3);
        display: flex;
        flex-direction: column;
    }

    .whatUpto-cards > * > * {
        position: absolute;
    }

    .card-title {
        left: 0;
        right: 0;
        bottom: 0;
        height: 15%;

        background: #FFFFFF;
        border: 1px solid #FBFBFB;
        box-shadow: 0px -4px 52px rgba(0, 0, 0, 0.25); 
        color: #5B5B5B; 

        font-weight: 700;

        justify-content: center;
        display: flex;
        align-items: center;
    }

    .card-caption {
        left: 0;
        right: 0;
        bottom: 20%;
        height: 10%;

        font-size: 0.8em;
        text-align: center;
    }

    .card-picture {
        border-radius: 999px;
        width: 20vh;
        width: calc(var(--vh, 1vh) * 20);
        /* padding-top: 40%; */

        height: 20vh;
        height: calc(var(--vh, 1vh) * 20);

        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        background: #FFFFFF;
        border: 1px solid #FBFBFB;
        box-shadow: 0px 4px 53px -2px rgba(0, 0, 0, 0.25);

        /* position: relative; */
    }

}

@media screen and (max-width: 340px) { 
    .whatUpto-title {
        font-size: 1.4em;
    }
}