/*Hero Wave Starts*/
.hero-content {
    position: relative;
    z-index: 2;
}

.hero-wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130px;
    /*height:clamp(140px, 12vw, 260px);*/
    z-index: 1;
}
/*Hero Wave Ends*/

.hero-welcome h1 {
    font-size: 37px;
    margin-bottom: 10px;
    color: #FFEC8B;
    text-shadow: 0 4px 15px rgba(0,0,0,0.6);
}

.hero-welcome h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #FFEC8B;
}

    
.hero-welcome p {
    font-size: 18px;
    letter-spacing: 2px;
}

/*===========END OF HERO SECTION CSS================*/