.titleDiv{
    padding: 18px 0;
   margin-left: 20px;
}
.title_text{
    font-weight: 700;
    color: #FF0303;
    margin-left: 20px;

}
.logoImg{
    height: 60px;
    width: auto;
    border-radius: 50%;
}
.banner{
    width: 100vw;
    height: 65vh;
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTaJd-Ym5xeCtTFx1YUx6LmxHEmCq2fLgjZ0rkdgMs_&s");
    background-repeat: no-repeat;
    background-size: cover;

}
.bannerheading{
color: #FF0303;

}
.bannerDesc{
    word-spacing: 5px;
    font-size: 16px;
    margin-top: 20px;
}
.hellow{
    position: absolute !important;
    top: -200px;
    left: 0;

}
.textDescription{
    font-size: 18px;
}

.voiceDiv{
    background-color: #030D3E;
}
.uiunit{
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}
.uiunit label{
   width: 27%;

}
#languageMenu, #speakerMenu, #rateFld{
    background-color: rgba(116, 94, 212, 0.966);
    width: 70% ;
    border-radius: 5px;
    padding: 5px;
}
#languageMenu option{
    width: 200px;
}
.speakBtn{
    background-color: rgba(116, 94, 212, 0.966);
    border: none;
    padding: 7px 30px ;
}
.audio-container {
    /* background-color: red;  */
    color: red;
    padding: 10px;
  }
.audioNepal{
    /* background-color: black; */
}

.controlsBtn button{
    background: transparent;
    border: none ;
    color: #FF0303;

}

.hide{
    display: none;
}
.show{
    display: inline-block;  
}

@media screen and (max-width:767px) {
    .textDescription, .voiceDiv{
        width: 100% !important;
    }

}