.coverboardfull:lang(np) * {
    font-family: laila !important;
}
.bg_color {
    background: #fadbca;
    /* background: linear-gradient(180deg, rgba(242,254,238,1) 0%, rgba(239,244,214,1) 54%); */
}
.topbarcolor{
    background-color: rgb(202, 80, 67);
}
.contentdivclass {
    position: absolute;
    /* background: aqua; */
    top: 22%;
    left: 7%;
    width: 85%;
    height: 70%;
    border-radius: 30px;
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.displaycontentdivclass{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
}
.displaytxtdiv {
    position: absolute;
    background: white;
    border: 0.2em solid #B6DEE5;
    border-radius: .5em;
    height: 20%;
    width: 15%;
    top: 69%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* cursor: pointer; */
    /* pointer-events: none; */
  }
  .displaytxtdiv1, .displaytxtdiv2, .displaytxtdiv3, .displaytxtdiv4, .displaytxtdiv5{
      display: none;
      pointer-events: auto;
  }
.displaytxtdiv1 {
    left: 27%;
}
.displaytxtdiv2 {
    right: 42%;
}
.displaytxtdiv3 {
    right: 26%;
}
.displaytxtdiv4 {
    right: 50%;
}
.displaytxtdiv5 {
    right: 34%;
}
.displaytxtmaindiv {
    top: 69% !important;
    left: 35%;
    width: 30% !important;
    letter-spacing: 0.2em;
    pointer-events: none !important;
  }
.rabar, .khar{
    position: absolute;
    top: 27%;
    z-index: 1;
    left: 35%;
    width: 30%;
}
.ras{
    position: absolute;
    top: 22%;
    z-index: 1;
    left: 35%;
    width: 25%;
}
.khal{
    position: absolute;
    top: 27%;
    z-index: 1;
    left: 35%;
    width: 25%;
}
img.hand {
    position: absolute;
    top: 75%;
    left: 70%;
    z-index: 10;
    height: 13%;
    /* display: none; */
    cursor: pointer;
}
.hatauda{
    position: absolute;
    width: 13%;
    z-index: 1;
    top: 48%;
    left: 65%;
    border-spacing: 0px;
    cursor: pointer;
}
.speaker {
    position: absolute;
    height: 55%;
    width: auto;
    left: 75%;
    /* display: none; */
}
.speaker1 {
    position: absolute;
    height: 41%;
    width: auto;
    left: 2%;
    top: 60%;
}
.mainspeaker{
    cursor: pointer;
    pointer-events: auto;
}
  @media screen and (min-aspect-ratio: 4/3) {
    .topbar {
      font-size: 6vh!important;
    }
    .displaytxt{
      font-size: 7vh!important;
    }
    }
    
    @media screen and (max-aspect-ratio: 4/3) {
    .topbar {
      font-size: 4.5vw!important;
    }
    .displaytxt{
      font-size: 5vw!important;
    }
    }