body:lang(np), body:lang(np) * {
	font-family: happymonkey !important;
  }
.bg1{
    background-color: #d4e9f1;
    background-size: 100% 100%;
}
.firstContainer{
    position: absolute;
    top: 20%;
    height: 44%;
    left: 0%;
    width: 100%;
    font-family: happymonkey;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}
.opnContainer{
    position: relative;
    height: 100%;
    width: 16%;
    /* background: #fff;
    border: 2px solid #FF9900; */
}
.textclass,.text1{
  position: relative;
  top: -10%;
  left: -11%;
  font-size: 6vw;
}
.text1,.bim1,.bim2,.bim3,.bim4,.bim5{
  display: none;
}

.contain{
    background-color: #ea9999;
  }

  .boximg{
    position: absolute;
    top: 66%;
    left: 40%;
    width: 35%;
    transform: translate(-50%,-50%);
  }
 .bim2{
      position: absolute;
      left: 25%;
      top: 65%;
  }
  .bim3{
    position: absolute;
    top: 66%;
    left: 2%;
  }
  .option2{
      display: none;
  }
  .corincor_img{
    position: absolute;
    top: 108%;
    left: 50%;
    transform: translate(-50%);
    width: 20%;
    display: none;
  }
  .imagestartpos {
    position: absolute;
    width: 14%;
    display: none;
    left: 75%;
    top: 19%;
    transform: translateY(-7%);
  }
  .tick{
    left: 100%;
  }
  .buttoncontainer{
    position: absolute;
    top: 2%;
    right: 0%;
    width: 26%;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    height: 11%;
  }
  .buttoncontain{
    position: absolute;
    height:15%;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    width: 100%;
    left: 0%;
    top: 35%;
  }

  .box{
    font-family: happymonkey;
    position: absolute;
    width: 100%;
    height: 13%;
    top:0%;
    background-color: #0a90db;
    color: #fff;
    font-size: 3.2vw;
  }
  .optionsdiv{
    position: absolute;
    width: 100%;
    height: 11%;
    bottom: 12%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .optionscontainer{
    position: relative;
    left: 0%;
    width: 42%;
    height: 100%;
    font-family: happymonkey;
    background-color: #0097a7;
    padding: 1%;
    margin-bottom: 1%;
    border-radius: 0.5em;
    font-size: 3.5vh;
    color: #fff;
    text-align: center;
  }
.opti1{
    opacity: 0;
}
.opti2{
    opacity: 0;
}
.opti3{
    position: absolute;
    left: 55%;
    top: -65%;
    opacity: 0;
}
.opti4{
    position: absolute;
    left: 55%;
    top: 50%;
    opacity: 0;
}


  @media (max-aspect-ratio:4/3){
  .box{
          font-size: 3.2vw;
  }
  }


  .apple2{
      position: relative;
      left: 50%;
  }

  .border{
    position: absolute;
    top: 42%;
    left: 63%;
    font-family: happymonkey;
    border: 3px solid #999999;
    border-radius: 16px;
    height: 13%;
      width: 0%;
      opacity: 0;
  }
  .s2_border{
    position: absolute;
    top: 43%;
    left: 14%;
    border: 3px solid #999999;
    /* border-radius: 16px; */
    height: 13%;
    width: 0%;
    opacity: 0;
  }
  .s2_border1{
    position: absolute;
    top: 43%;
    left: 58%;
    border: 3px solid #999999;
    /* border-radius: 16px; */
    height: 13%;
    width: 0%;
    opacity: 0;
  }
  .s2_border2{
    position: absolute;
    top: 43%;
    left: 72%;
    border: 3px solid #999999;
    /* border-radius: 16px; */
    height: 13%;
    width: 0%;
    opacity: 0;
  }
  .s3_border{
    position: absolute;
    top: 36%;
    left: 6.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border1{
    position: absolute;
    top: 36%;
    left: 13.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border2{
    position: absolute;
    top: 36%;
    left: 55.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border3{
    position: absolute;
    top: 36%;
    left: 62.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border4{
    position: absolute;
    top: 36%;
    left: 69.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border5{
    position: absolute;
    top: 36%;
    left: 20.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border6{
    position: absolute;
    top: 36%;
    left: 76.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border7{
    position: absolute;
    top: 36%;
    left: 27.5%;
    border: 3px solid #999999;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .s3_border8{
    position: absolute;
    top: 36%;
    left: 83.5%;
    border: 3px solid #999999;
    font-family: happymonkey;
    height: 25%;
    width: 8%;
    opacity: 0;
  }
  .pair{
      position: absolute;
      top: 55%;
      font-size: 2rem;
      left: 64%;
      font-family: happymonkey;
      color: #43436b;
      opacity: 0;
  }
  .s2_pair{
    position: absolute;
    top: 57%;
    font-family: happymonkey;
    font-size: 1.8rem;
    left: 15%;
    color: #43436b;
    opacity: 0;
  }
  .s2_unpair{
    position: absolute;
    top: 57%;
    font-family: happymonkey;
    font-size: 1.8rem;
    font-weight: 500;
    left: 27%;
    color: #43436b;
    opacity: 0;
  }
  .s2_pair1{
    position: absolute;
    top: 57%;
    font-family: happymonkey;
    font-size: 1.8rem;
    left: 62.5%;
    color: #43436b;
    opacity: 0;
  }
  .s2_pair2{
    position: absolute;
    top: 57%;
    font-family: happymonkey;
    font-size: 1.8rem;
    left: 76%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left:8%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair1{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 15%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair2{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 57%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair3{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 64%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair4{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 71%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair5{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 78%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair6{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 22%;
    color: #43436b;
    opacity: 0;
  }
  .s3_pair7{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 29%;
    color: 43436b;
    opacity: 0;
  }
  .s3_pair8{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 85%;
    color: #43436b;
    opacity: 0;
  }
  .s3_unpair{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 25.5%;
    color: #43436b;
    opacity: 0;
  }
  .s4_unpair{
    position: absolute;
    top: 62%;
    font-size: 1.7rem;
    left: 29%;
    color: gray;
    opacity: 0;
  }
  .s5_unpair{
    position: absolute;
    top: 62%;
    font-family: happymonkey;
    font-size: 1.7rem;
    left: 35%;
    color: #43436b;
    opacity: 0;
  }
  .s2bim1{
      position: absolute;
      left: 5%;
  }
  .s2bim2{
      left: 41%;
  }
  .s2bim3{
      left: 79%;
  }
  .s2bim4{
      left: -32%;
  }
  .s2bim5{
    left: 4%;
}
.s2bim6{
    left: 53%;
}
.s2bim7{
    left: 90%;
}
.s3bim1{
    left: -44%;
    top: 51%;
}
.s3bim2{
  left: -44%;
    top: 78%;
}
.s3bim3{
    top: 51%;
    left: 0%;
}
.s3bim4{
    top: 78%;
    left: 0%;
}
.s3bim5{
    top: 51%;
    left: 44%;
}
.s3bim6{
    top: 51%;
    left: -50%;
}
.s3bim7{
    top: 78%;
    left: -50%;
}
.s3bim8{
    top: 51%;
    left: -7%;
}
.s3bim9{
    top: 78%;
    left: -7%;
}
.s3bim10{
    top: 78%;
    left: 37.5%;
}
.s3bim11{
    top: 51%;
    left: 37.5%;
}
.s3bim12{
    top: 78%;
    left: 44%;
}
.s3bim13{
    top: 51%;
    left: 87%;
}
.s3bim14{
    top: 51%;
    left: 81%;
}
.s3bim15{
    top: 78%;
    left: 81%;
}
.s3bim16{
    top: 78%;
    left: 87%;
}
.s3bim17{
    top: 51%;
    left: 130%;
}
.s3bim18{
    top: 51%;
    left: 125%;
}
.s3bim19{
    top: 78%;
    left: 125%;
}
.buttonsel{
  font-size: 2vw;
}
@media screen and (max-aspect-ratio: 4/3){
  .buttonsel{
      font-size: 2.5vw;
  }
  .s2_pair,.s2_pair1,.s2_pair2,.s2_unpair{
    font-size:1rem;
  }
}
