.card-img{
    border-radius: 10px;
    width: 18%;
    height:40vh;
    background: gray;
}

.card-img-inside{
    border-radius: 10px;
    width: 100%;
    height:40vh;
    background: gray;
}

.w-20{
    width: 18%;
}

#headerImgContainer{
    align-items: center;
    column-gap:10px
}

.card-container{
    row-gap:10px;
    display: flex;
    flex-direction: column;
}

.fl-n{
    font-weight: normal;
    width: 75%;
    font-size: 16px;
    line-height: 1.5;
}

/* Wave */
.waves {
position:relative;
width: 100%;
height:15vh;
margin-bottom:-7px; /*Fix for safari gap*/
min-height:100px;
max-height:150px;
}

.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px,0,0);
}
100% { 
transform: translate3d(85px,0,0);
}
}

.bg-pink{
background-color: #f99fab;
margin-top: -1px !important;
}

.rounded-circle{
width: 75px;
height: 75px;
}