body:lang(np) *{
  font-family: kalimati !important;
}
.bgcp {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.num,.num2 {
  position: absolute;
  top: 24%;
  height: 15%;
  border-radius: 3em;
  background-color: #fff;
  padding: 1% 1% 1% 1%;
  font-size: 4vh;
  left: 50%;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  display: none;
  padding: 3%;
  z-index: 9;
  /* font-family: kalimati !important; */
}

.plus,.plus1,.plus2,.plus3,.plus3,.l27,.l31,.l64,.l39,.l45,.l48,.l57,.l75,.l78 {
  position: absolute;
  height: 16px;
  width: 16px;
  left: 37%;
  top: 56%;
  display: none;
}
.sp-1 {
  position: absolute;
  top: 14%;
  width: 44%;
  height: 33%;
  right: 5%;
}
.p1sclass {
  font-weight: bold;
}
.girl1 {
  position: absolute;
  bottom: -50px;
  left: 35%;
}
.balon {
  position: absolute;
  top: 100%;
  height: 40%;
}
.bln_11 {
  left: 42%;
  height: 40%;
}
.bln_12 {
  left: 46%;
}
.bln_13 {
  left: 46%;
}
.bln_14 {
  left: 46%;
}
.bln_15 {
  left: 46%;
}
.bln_16 {
  left: 53%;
}
.bln_17 {
  left: 60%;
}
.bln_18 {
  left: 67%;
}
.bln_19 {
  left: 74%;
}
.bln_20 {
  left: 81%;
}
.bln_21 {
  left: 42%;
  height: 35%;
}
.bln_22 {
  left: 42%;
  height: 35%;
}
.bln_23 {
  left: 40%;
  height: 35%;
}
.bln_24 {
  left: 60%;
  height: 35%;
}
.bln_25 {
  left: 80%;
  height: 35%;
}

/* ------------------------ */

.bln_1_anim {
  animation: ballon1_anim 3s forwards;
}
@keyframes ballon1_anim {
  from {
    left: 42%;
  }
  to {
    left: 20%;
  }
}

.bln_1_1_anim {
  animation: ballon1_1_anim 3s forwards;
}
@keyframes ballon1_1_anim {
  from {
    left: 42%;
  }
  to {
    left: 16%;
  }
}

.bln_1_2_anim {
  animation: ballon1_2_anim 3s forwards;
}
@keyframes ballon1_2_anim {
  from {
    left: 42%; 
  }
  to {
    left: 8%;
  }
}

.bln_2_anim {
  animation: ballon2_anim 3s forwards;
}
@keyframes ballon2_anim {
  from {
    left: 42%;
    top:100%;
  }
  to {
    left: 42%;
    top: 38%
  }
}

.bln_2_1_anim {
  animation: bln2_1_anim 3s forwards;
}
@keyframes bln2_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 34%;
  }
}

.bln_2_2_anim {
  animation: bln2_2_anim 3s forwards;
}
@keyframes bln2_2_anim {
  from {
    left: 46%;
  }
  to {
    left: 24%;
  }
}

.bln_3_anim {
  animation: ballon3_anim 3s forwards;
}
@keyframes ballon3_anim {
  from {
    left: 42%;
  }
  to {
    top: 38%;
    left: 68%;
  }
}

.bln_3_1_anim {
  animation: bln3_1_anim 3s forwards;
}
@keyframes bln3_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 50%;
  }
}

.bln_3_2_anim {
  animation: bln3_2_anim 3s forwards;
}
@keyframes bln3_2_anim {
  from {
    left: 46%;
  }
  to {
    left: 42%;
  }
}

.bln_4_anim {
  animation: ballon4_anim 3s forwards;
}
@keyframes ballon4_anim {
  from {
    left: 42%;
  }
  to {
    top: 38%;
    left: 66%;
  }
}

.bln_4_1_anim {
  animation: bln4_1_anim 3s forwards;
}
@keyframes bln4_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 60%;
  }
}

.bln_5_anim {
  animation: bln5_anim 3s forwards;
}
@keyframes bln5_anim {
  from {
    left: 46%;
  }
  to {
    top:38%;
    left: 78%;
  }
}

.scale-up{
  animation: scaleup 3s forwards;
}
@keyframes scaleup {
  from {
transform: scale(1);
  }
  top {
    transform: scale(1.3);
  }
}

/* ------------------------ */

.plus1 {
  left: 64%;
}
.plus2 {
  left: 48%;
}
.plus3 {
  left: 57%;
}
.plus4 {
  left: 77%;
}
.l27{
  left: 22%;
}
.l31{
left: 31%;
}
.l39{
  left: 39%;
}
.l45{
  left: 45%;
}
.l48{
  left: 48%;
}
.l57{
  left: 57%;
}
.l64{
  left: 64%;
}
.l75{
  left: 75%;
}
.l78{
  left : 78%;
}
.toptxt {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 3vw;
  background-color: #fad270;
  padding: 1% 1% 0% 1%;
  z-index: 9;
}
.btmtext{
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 3vw;
  background-color: #fad270;
  padding: 1% 1% 1% 1%;
  z-index: 9;

}

.bgcp {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.cn1 {
  position: absolute;
  top: 20%;
  left: 28%;
  font-size: 4vw;
  z-index: 20;
  color: #ee6987;
  font-family: sniglet;
  transform: rotate(-30deg);
}
.cn2 {
  position: absolute;
  top: 20%;
  left: 55%;
  font-size: 4vw;
  z-index: 20;
  color: #38761d;
  font-family: sniglet;
}
.cn3 {
  position: absolute;
  top: 21%;
  left: 80%;
  font-size: 4vw;
  z-index: 20;
  color: #b45f06;
  font-family: sniglet;
  transform: rotate(30deg);
}

.nmb {
  position: absolute;
  top: 65%;
  left: 0%;
  font-size: 4vw;
  z-index: 20;
  font-family: sniglet;
  width: 100%;
  text-align: center;
}
.grade {
  position: absolute;
  top: 63%;
  left: 0%;
  font-size: 3vw;
  z-index: 20;
  color: #5b5f67;
  width: 100%;
  text-align: center;
}
.cn4 {
  position: absolute;
  top: 40%;
  left: 39%;
  font-size: 4vw;
  z-index: 20;
  color: #ee6987;
  font-family: sniglet;
}
.cn5 {
  position: absolute;
  top: 40%;
  left: 70%;
  font-size: 4vw;
  z-index: 20;
  color: #38761d;
  font-family: sniglet;
}