body:lang(np),
body:lang(np) * {
    font-family: laila !important;
}


.background {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chaptertitle {
    position: absolute;
    top: 15%;
    left: 14%;
    font-size: 6vw;
    width: 42%;
    padding: 1%;
    color: #4c1130;
    border-radius: 5px;
    transform: translateY(-50%);
    border-radius: 100px;
}
.cb_bg{
    background-color: #ABC5C8;
}


/* characters styles start */
.muna{
    width: 10%;
    left: 40%;
    top: 5%;
    border-radius: 10px;
    border: 2px solid #02525B;
    background-color: #ffffff;
    transform: rotateY(180deg);
}

.sports-container{
    height: 65%;
    left: 47.5%;
    width: 40%;
    top: 30%;
    /* border: 2px solid #3E6A56; */
    /* border-radius: 10px;*/
}

.sports-img{
    width: 100%;
    border: 2px solid #3E6A56;
    border-radius: 20px;
}
/* characters styles end*/



/* #region speech box styles start */
.sp-1{
    position: absolute;
    top: 5%;
    left: 50%;
    width: 45%;
    height: 18%;
    padding: 1% 1% 1% 3%;
}
.box {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

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

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

/* #endregion speech box styles end */


/* #region video player css */
.sidevideoDiv_coverpg{
    height: 100%;
    width: 35%;
    left: 0%;
}

div[class*="svd"]{
    height: 90%;
    width: 30%;   
}

.svd-l{
    left: 5%;
}

.svd-r{
    right: 5%;
}

.side_video_holder{
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #588186;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid #175D66;
    box-shadow: -5px 5px #1d6458;
}

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

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

.video_container {
    position: absolute;
    height: 80%;
    width: 100%;
    bottom: 20%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    overflow: hidden;
}

.replaybtn_container {
    position: absolute;
    bottom: 0%;
    height: 22%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    /* background-color: #62654C; */
}

#replay_video_btn {
    width: 70%;
    margin: auto;
    pointer-events: none;
}
.vid {
    height: 87.5%;
    width: 100%;
}

/* #endregion */


/* #region common */
    .p-abs{
        position: absolute;
    }

    .c-x{
        left: 50%;
        transform: translateX(-50%);
    }

    .c-y{
        top: 50%;
        transform: translateY(-50%);
    }
    .c-xy{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
/* #endregion */


/* #region media queries */

@media (min-aspect-ratio:4/3) {
    .txt1, .txt3, .number_show{
        font-size: 4vh;
    }
    .foreword {
        font-size: 4vh;
    }
    .sickness-txt {
        font-size: 4vh;
    }
}

@media (max-aspect-ratio:4/3) {
    .txt1, .txt3, .number_show {
        font-size: 2.8vw;
    }
    .foreword {
        font-size: 3vw;
    }
    .sickness-txt {
        font-size: 2.8vw;
    }
}

/* #endregion media queries */