body:lang(np), body:lang(np) * {
	font-family: happymonkey !important;
  }
  div.generalTemplateblock[data-templatecontains='hasheaderblock'] div.contentblock{
    top: 10% !important;
  }

.bg1{
  background-color: #dee9f8;
  background-size: 100% 100%;
}
.coverboardfull{
  border: 4px solid #ffd966;
  position: absolute;
  border-radius: 4em;
  background-color: #fff;
  top: 8%;
  height: 64%;
  left: 12%;
  width: 75%;
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}
.buttonbox{
  position: absolute;
    width: 100%;
    height: 11%;
    bottom: 0%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.buttonboxinside{
  position: relative;
  width: 23%;
  left:11%;
  font-family: happymonkey;
}

[class*="diybutton"] {
  /* position: relative; */
  transform: translate(-50%,-50%) scale(0);
  /* width: 100%;
  top: 85%; */
  background: #7A5CC6;
  padding: 6%;
  border-radius: 0.5em;
  color: white;
  font-family: happymonkey;
  animation: buttanim 0.7s ease-out forwards;
  border: 0.2em solid #D9D9D9;
  transition-duration: 0.2s;
  text-align: center;
  font-size: 1.9vw;
  display: none;
  z-index: 40;
}

@media (min-aspect-ratio: 4/3){
    [class*="diybutton"]{
    font-size: 3vh;
    }
}

@keyframes buttanim {
  70%{
    transform: translate(-50%,-50%) scale(1.1);
  }
  80%{
    transform: translate(-50%,-50%) scale(1);
  }
  90%{
    transform: translate(-50%,-50%) scale(1.1);
  }
  100%{
    transform: translate(-50%,-50%) scale(1);
  }
}

.icon-one {
  transform: translate(-50%,-50%);
  width: 5%;
  left: 17%;
  bottom: -23%;
  position: absolute;
}

.icon-two {
  transform: translate(-50%,-50%);
  width: 5%;
  right: 12%;
  bottom: -21%;
  position: absolute;
}


.forhover:hover{
  cursor: pointer;
  background: #ffd966;
  border: 0.2em solid #e69138;
  color: black;
}

.sp-1 {
  position: absolute;
    top: 27%;
    left: 1%;
    width: 22%;
    height: 46%;
    background-color: #fff5e6;
    border-radius: 1.5em;
}
.answer{
  font-size:6em;
  font-family: happymonkey;
}
@media screen and (max-aspect-ratio: 4/3){
  .answer {
    font-size: 4em;
}
}
@media screen and (max-aspect-ratio: 4/2){
  .answer {
    font-size: 3em;
    top:20%;
}
}
.parrot{
  /* position: relative; */
  display: flex;
  height: 34%;
  left: 15%;
  top: 8%;
}
.parrotp3{
  /* position: relative; */
  display: flex;
  height: 26%;
  left: 3%;
  top: 8%;
}
.parrotp6{
  display: flex;
    height: 23%;
    left: -4%;
    top: 4%;
}
.parrotp10{
  /* position: relative; */
  display: flex;
  height: 15%;
  left: -5%;
  top: 6%;
}
.parrot-1{
  top: 51%;
  left: 40%;
}
.parrot-2{
  top: 12%;
  left: 14%;
}
.parrot-3{
  top: 11%;
  right: -18%;
}

.parrot-4{
  top: 51%;
  left: -7%;
}
.parrot_slide3-1{
  top: 12%;
  left: 26%;
}
.parrot_slide3-2{
  top: 12%;
  left: 23%;
}
.parrot_slide3-3{
  top: 11%;
  right: -20%;
}
.parrot_slide3-4{
  top: 51%;
  left: -4%;
}
.parrot_slide3-5{
  top: 12%;
  left: 2%;
}
.parrot_slide3-6{
  top: 12%;
    left: -1%;
}
.parrot_slide6_1{
  top: 12%;
  left: 33%;
}
.parrot_slide6_2{
  top: 54%;
    left: 0%;
}
.parrot_slide6_3{
  top: 12%;
  left: 8%;
}


.img-upper{
  border: 6px solid #0A90DB;
  border-top: none;
  position: absolute;
  height: 39%;
}
.img-lower{
  border: 6px solid #0A90DB;
  border-bottom: none;
  position: absolute;
  height: 39%;
}
.img-1{
  /* image upper */
  top: 51%;
  left:30;
}
.img-3{
  /* image upper */
  top: 12%;
  left:30;
}
.img-2{
/* image lower */
  top: 12%;
  right: -74%;
}
.img-4{
  /* image lower */
  top: 51%;
  right: 43%;
}
.elephant{
  /* position: relative; */
  display: flex;
  height: 34%;
  top: 8%;
}
.elephantp4{
  /* position: relative; */
  display: flex;
  height: 24%;
  left: 0%;
  top: 7%;
}
.elephantp5{
  /* position: relative; */
  display: flex;
  height: 43%;
  left: 10%;
}
.elephantp6{
  /* position: relative; */
  display: flex;
  height: 26%;
  left: -7%;
  top: 8%;
}
.elephantp9{
  /* position: relative; */
  display: flex;
  height: 21%;
  left: -5%;
  top: 5%;
}
.elephant-1{
  top: 12%;
  left: 25%;
}
.elephant-2{
  top: 12%;
  left: 23%;
}
.elephant-3{
  top: 12%;
  left: 21%;
}
.elephant-4{
  top: 12%;
  left: 18%;
}
.elephant-5{
  top: 48%;
  left: -50%;
}
.elephant-6{
  top: 12%;
  left: 14%;
}
.elephant-7{
  top: 12%;
  left: 12%;
}
.ele_slide2-1{
    top: 12%;
    left: 26%;
}
.ele_slide2-2{
  top: 12%;
  left: 25%;
}
.ele_slide2-3{
  top: 12%;
  left: 26%;
}
.ele_slide2-4{
  top: 54%;
  left: -14%;
}
.ele_slide2-5{
  top: 55%;
  left: -55%;
}
.ele_slide5-1{
  top: 12%;
  left: 21%;
}
.ele_slide5-2{
  top: 12%;
  left: 20%;
}
.ele_slide5-3{
  top: 12%;
    left: 20%;
}
.ele_slide5-4{
  top: 12%;
  left: 19%;
}
.ele_slide5-5{
  top: 48%;
  left: -54%;
}
.ele_slide5-6{
  top: 12%;
  left: 20%;
}
.ele_slide5-7{
  top: 12%;
  left: 20%;
}
.ele_slide5-8{
  top: 12%;
  left: 19%;
}
.ele_slide6-1{
  top: 12%;
  left: 34%;
}
.ele_slide6-2{
  top: 52%;
  left: 0%;
}
.ele_slide6-3{
  top: 12%;
  left: 13%;
}
.headerblock{
  position: absolute;
  width: 100%;
  height: 13%;
  top: 0%;
  font-family: happymonkey;
  background-color: #0a90db;
  padding: 2%;
  color: #fff;
  font-size: 3.2vw;
 }
.box{
  position: absolute;
  width: 100%;
  top: 5%;
  font-size: 2.5vw;
  z-index: 9;
}

/* .speechbox{
  display: none;
} */
.ele-upper{
  border: 6px solid #0A90DB;
  border-bottom: none;
  position: relative;
  height: 35%;
}
.ele{
  position: relative;
  height: 35%;
}
.ele-lower{
  border: 6px solid #0A90DB;
  border-top: none;
  position: relative;
  height: 35%;
}
.ele-1{
/* ele upper */
  top: 12%;
  left: -2.8%;

}
.ele-2{
  /* ele upper */
  top: 12%;
  left: -0.8%;
}
.ele-3{
  /* ele upper */
  top: 12%;
  left: 1.3%;
}
.ele-4{
/* ele upper */
    top: 12%;
    left: 3%;
}
.ele-5{
/* ele lower */
  top: 12%;
  left: -13.5%;
}
.ele-6{
/* ele lower */
    top: 12%;
    left: -11.5%;
}
.ele-7{
  /* ele lower */
  top: 12%;
  left: -9.5%;
}
.textpair{
  position: absolute;
  width: 100%;
  height: 11%;
  bottom: 7%;
  font-family: happymonkey;
  font-size: 5vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (max-aspect-ratio: 4/3){
.textpair{
  font-size:2.5vh;
}
}

/* box border for pair parrot */

.s1_border{
  position: absolute;
  top: 0%;
  left: 41%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border1{
  position: absolute;
  top: 0%;
  left: 68%;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border2,.s1_border2_1{
  position: absolute;
  top: 0%;
  left: 27%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border2_1{
  left: 29%;
}
.s1_border3,.s1_border3_1{
  position: absolute;
  top: 0%;
  left: 46%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border3_1{
  left: 52.5%;
}
.s1_border4{
  position: absolute;
  top: 0%;
  left: 30%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border5{
  position: absolute;
  top: 0%;
  left: 52%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border6{
  position: absolute;
  top: 0%;
  left: 73%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border7{
  position: absolute;
  top: 5%;
  left: 29%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 88%;
  width: 0%;
  opacity: 0;
}
.s1_border8{
  position: absolute;
  top: 5%;
  left: 46%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 88%;
  width: 0%;
  opacity: 0;
}
.s1_border9{
  position: absolute;
  top:5%;
  left: 61%;
  font-family: happymonkey;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 88%;
  width: 0%;
  opacity: 0;
}
.s1_border10{
  position: absolute;
  top: 0%;
  left: 38%;
  border: 3px solid #5abac8;
    border-radius: 12px;
  height: 100%;
  width: 0%;
  opacity: 0;
}
.s1_border11{
  position: absolute;
  top: 5%;
  left: 24%;
  border: 3px solid #5abac8;
  border-radius: 12px;
  height: 88%;
  width: 0%;
  opacity: 0;
}
.s1_border12{
  position: absolute;
    top: 5%;
    left: 42%;
    border: 3px solid #5abac8;
    border-radius: 12px;
    height: 88%;
    width: 0%;
  opacity: 0;
}
.s1_border13{
  position: absolute;
  top: 5%;
  left: 60%;
  border: 3px solid #5abac8;
    border-radius: 12px;;
  height: 88%;
  width: 0%;
  opacity: 0;
}
.s1_border14{
  position: absolute;
  top: 5%;
  left: 78%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 88%;
  width: 0%;
  opacity: 0;
}
.s7_border1{
  position: absolute;
  top: 1%;
  left: 22%;
  border: 3px solid #5abac8;
    border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s7_border2{
  position: absolute;
  top: 1%;
  left: 37%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s7_border3{
  position: absolute;
  top: 1%;
  left: 51%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s7_border4{
  position: absolute;
  top: 1%;
  left: 65%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s7_border5{
  position: absolute;
  top: 1%;
  left: 79%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 65%;
  width: 0%;
  opacity:0;
}
.s7_border6{
  position: absolute;
  top: 67%;
  left: 21%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 32%;
  width: 0%;
  opacity: 0;
}
.s8_border1{
  position: absolute;
  top: 1%;
  left: 27%;
  border: 3px solid #5abac8;
  border-radius: 12px;
  height: 63%;
  width: 0%;
  opacity: 0;
}
.s8_border2{
  position: absolute;
  top: 1%;
  left: 45%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 63%;
  width: 0%;
  opacity: 0;
}
.s8_border3{
  position: absolute;
  top: 1%;
  left: 63%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 63%;
  width: 0%;
  opacity: 0;
}
.s8_border4{
  position: absolute;
  top: 1%;
  left: 80%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 63%;
  width: 0%;
  opacity: 0;
}
.s8_border5{
  position: absolute;
  top: 64%;
  left: 27%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity:0;
}
.s8_border6{
  position: absolute;
  top: 64%;
  left: 63%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity: 0;
}
.s9_border1{
  position: absolute;
  top: 0%;
  left: 26%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s9_border2{
  position: absolute;
  top: 0%;
  left: 41%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s9_border3{
  position: absolute;
  top: 0%;
  left: 55%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s9_border4{
  position: absolute;
  top: 0%;
  left: 69%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s9_border5{
  position: absolute;
  top: 64%;
  left: 26%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity:0;
}
.s9_border6{
  position: absolute;
  top: 64%;
  left: 55%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity: 0;
}
.s9_border7{
  position: absolute;
  top: 0%;
  left: 83%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s10_border1{
  position: absolute;
  top: 0%;
  left: 26%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s10_border2{
  position: absolute;
  top: 0%;
  left: 38%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s10_border3{
  position: absolute;
  top: 0%;
  left: 50%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s10_border4{
  position: absolute;
  top: 0%;
  left: 62%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s10_border5{
  position: absolute;
  top: 64%;
  left: 26%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity:0;
}
.s10_border6{
  position: absolute;
  top: 64%;
  left: 50%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity: 0;
}
.s10_border7{
  position: absolute;
  top: 0%;
  left: 74%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.s10_border8{
  position: absolute;
  top: 64%;
  left: 74%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 35%;
  width: 0%;
  opacity: 0;
}
.s10_border9{
  position: absolute;
  top: 0%;
  left: 85.5%;
  border: 3px solid #5abac8;
  border-radius: 12px;
    height: 66%;
  width: 0%;
  opacity: 0;
}
.imagebox{
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  left: 16%;
  width: 75%;
}
.elephant1{
  height: 21%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  left: -9%;
  top: 8%;
}