#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/common-bg.png') 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{
      height: 80vh;
    }
}