body:lang(np),
body:lang(np) * {
    font-family: laila !important;
}
.background{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}
.chaptertitle{
	position: absolute;
	top: 12%;
	left: 0%;
	width: 100%;
	font-size: 5vw;
	font-family: sniglet;
}
.toptxt{
	position: absolute;
	top: 25%;
	left: 50%;
	width: 28%;
	height: 14%;
	border: 2px solid orange;
	background-color: #ffe599;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateX(-50%);
	font-size: 4vh;
	color: #7d4509;
	cursor: pointer;
}
.sec-toptxt{
	position: absolute;
	top: 0%;
	left: 50%;
	width: 100%;
	height: 13%;
	/* border: 2px solid orange; */
	background-color: #ffe599;
	/* border-radius: 50px; */
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateX(-50%);
	font-size: 4vh;
	color: #7d4509;
	/* cursor: pointer; */
	display: none;
	padding-top: 1%;
}
.hand{
	position: absolute;
    width: 8%;
    left: 56%;
    top: 26%;
    z-index: 1;
}

.sp-1, .sp-2{
    position: absolute;
    top: 20%;
    left: 10%;
    width: 20%;
    height: 17%;
	/* display: none; */
}
.sp-2{
	left: 45%;
}
.sp-4 {
    left: 32%;
    top: 10%;
    width: 34%;
}
.box{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
  /* transform: scaleX(-1); */
}
.speechbox>p {
    position: absolute;
    width: 84%;
    left: 40%;
    top: 40%;
    transform: translate(-50%, -50%);
	font-family: laila;
}
.buttondiv{
	position: absolute;
	top: 56%;
	left: 8%;
	width: 20%;
	height: 10%;
	background-color: #fff;
	border-radius: 20px;
	border: 2px solid blue;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.btntxt{
	display: flex;
	justify-content: center;
	align-items: center;
}
.buttondiv:hover{
	background: #ffe599;
	border: 2px solid #e69138;
}
.food{
    position: absolute;
    width: 30%;
    left: 3%;
    top: 21%;
}
.food_back{
    position: absolute;
    width: 30%;
    left: 3%;
    top: 21%;
	z-index: 100;
}


.itembox{
	position: absolute;
    /* background: white; */
    width: 100%;
    height: 44%;
    top: 58%;
    /* right: 2%; */
    display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	/* display: none; */
	opacity: 0;
}
.itemdiv{
	background-color: #fff;
  	border: 3px solid rgb(60, 120, 216);
  	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 5px;
	width: 13%;
  height: 42%;
  cursor: pointer;
  /* height: 45%; */
}
.itemdiv:hover{
  background: #ffe599;
	border: 3px solid #e69138;
}
.ansmaindiv{
	position: absolute;
	top: 16%;
	left: 25%;
	width: 45%;
	height: 42%;
	background-color: #fff;
	border: 4px solid rgb(60, 120, 216);
	border-radius: 25px;
	display: none;
}

.lemon-img{
	width: 50%;
}
.kera-img{
	width: 40%;
}
.nun-img{
	width: 40%;
}
.aamba-img{
	width: 35%;
}
.pani-img{
	width: 35%;
}
.item-img{
	width: 70%;
}
.ansimgdiv-img{
	width: 80%;
}
.itemtxt{
	width: 75%;
    height: 35%;
    background: cadetblue;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin-top: 5%;
	display: none;
}
.textitem{
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
}
.itemtxt1{
	display: none;
}
.ansimg{
  position: absolute;
  right: -22%;
  width: 35%;
}


@media (min-aspect-ratio:4/3){
	.txt1{
		font-size: 3.4vh;
	}
	.imgName, .lesMore{
		font-size: 4vh;
	}
	.sec-toptxt{
		font-size: 5vh;
	}
}
@media (max-aspect-ratio:4/3){
	.txt1{
		font-size: 2vw;
	}
	.sec-toptxt{
		font-size: 3vh;
	}
}

.replaybtn_container {
    bottom: 0%;
    height: 17% !important;
    align-items: center !important;
}

#replay_video_btn { 
    position: absolute !important;
    width: 70% !important;
    top: 0%;
}