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: 50%;
    left: 12%;
    width: 40%;
    font-family: sniglet;
    color: #4076D6;
    transform: translateY(-50%);
}

.boy {
    position: absolute;
    width: 20%;
}

.b_run {
    top: 28%;
    left: 6%;
}

.b_stand {
    width: 13%;
    left: 10%;
    top: 30%;
}
.b_think{
    width: 11.5%;
    left: 10%;
    top: 25%;
}
.b_side{
    width: 12%;
    left: 10%;
    top: 26%;
}

.b_final {
    top: 15%;
    left: 21%;
}

.girl {
    position: absolute;
    width: 21%;
    top: 15%;
    left: 67%;
}

.g_handside {
    top: 27%;
    left: 27%;
    width: 15%;
}

.g_hand_hip {
    top: 32%;
    left: 37%;
    width: 20%;
}

.g_handsup {
    top: 15%;
    width: 19%;
}

.g_think{
    top: 28%;
    left: 27%;
    width: 11.5%;
}

.g_fun{
    top: 27.3%;
    left: 22%;
    width: 23%; 
}

.sp-1,
.sp-2,
.sp-3 {
    position: absolute;
    top: 1%;
    left: 16%;
    width: 17%;
    height: 26%;
    padding: 1% 1% 3% 1%;
}
.sp-1-bg{
    position: absolute;
    top: 4%;
    left: 16%;
    width: 22%;
    height: 22%;
    padding: 1% 1% 3% 1%;  
}

.sp-2 {
    left: 18%;
    width: 17%;
    height: 24%;
    top: 1%;
}
.sp-2-sm{
    left: 23%;
    width: 13%;
    height: 19%;
    top: 6%;
    padding: .5% .5% 2% .5%;
}

.sp-3 {
    left: 39%;
}

.box {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.inverted{
    transform: rotateY(180deg);
}

.speechbox>p {
    position: relative;
    width: 95%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sp-2>p {
    left: 50%;
}

.sp-3>p {
    left: 44%;
}

.table{
    position: absolute;
    width: 47%;
    left: 0%;
    bottom: 0%;
}
.bag{
    position: absolute;
    width: 11%;
    left: 35%;
    bottom: 29%;
}

.geometrybox{
    position: absolute;
    width: 10%;
    left: 10%;
    bottom: 29%;
}

/* video player css */

.videoDiv {
    position: absolute;
    right: 6%;
    top: 5%;
    height: 90%;
    width: 30%;
    background: #FFF7C1;
    border-radius: 29px;
    overflow: hidden;
    box-shadow: -9px 9px 1px #fba522;
    border: 2px solid #FBA522;
}

.video_holder {
    position: absolute;
    bottom: 22%;
    left: 50%;
    transform: translateX(-50%);
    height: 75%;
    width: 75%;
}

.videolabel-btm {
    position: absolute;
    bottom: 0%;
    width: 100%;
    background: #faeca3;
    padding: 5%;
}

#nslVideo {
    position: absolute;
    width: 100%;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.replaybtn_container {
    position: absolute;
    bottom: 0%;
    height: 22%;
    width: 65%;
    left: 50%;
    transform: translateX(-50%);
}

#replay_video_btn {
    width: 100%;
    pointer-events: none;
}

.vid {
    height: 100%;
    width: 100%;
    bottom: -5%;
}


@media (min-aspect-ratio:4/3) {
    .txt1, .txt3 {
        font-size: 4vh;
    }
    .imgName,
    .lesMore {
        font-size: 4vh;
    }
    .chaptertitle{
        font-size: 8vh;
    }
}

@media (max-aspect-ratio:4/3) {
    .txt1, .txt3 {
        font-size: 3vw;
    }
    .chaptertitle{
        font-size: 5vw;
    }
}