#hero-section {
    /* background-image:  url('../images/wave-bg-2.svg'), url('../images/hero-bg-2.svg');
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, center;    */
    background: url('../images/background-images/top-ellipse.svg') center center/cover no-repeat;
   }

   
.shadow-overlay {
    position: relative;
    overflow: hidden;
}

.shadow-overlay::before,
.shadow-overlay::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 30%;
    pointer-events: none;
    z-index: 2;
}

.shadow-overlay::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), transparent);
}

.shadow-overlay::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
}

@media (min-width: 992px) {

    .shadow-overlay::before,
    .shadow-overlay::after {
        height: 45%;
    }
}

/* @media screen and (max-width:992px) {
    #hero-section{
      min-height: 60vh;
    }
} */