.ex-number-template-score:lang(np),
.insidequesdata:lang(np),
.borrownum:lang(np){
    font-family: 'kalimati'!important;
}

input{
    cursor : pointer;
}
.background {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.bg {
    background: #cfe2f3;
}

.diytxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0097a7;
    font-family: chelseamarket;
    font-size: 9vh;
}

.question-text {
    position: absolute;
    width: 100%;
    height: 15%;
    left: 0%;
    top: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #9fc5e8;
    font-size: 2.5vw;
    color: #0b5394;
    padding: 0.5% 13% 0.5% 2%;
}

.number-block {
    position: absolute;
    left: 5%;
    top: 25%;
    width: 40%;
    height: 30%;
    border-bottom: 0.7vh solid black;
}

.answer-block {
    position: absolute;
    left: 5%;
    top: 58%;
    width: 40%;
    height: 12%;
}

.input-item {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
    height: 100%;
    font-size: 5vmin;
    text-align: center;
    z-index: 2;
    /* color: rgba(0,0,0,0); */
    background: none !important;
    border: none;
}

.correct-image,
.incorrect-image {
    display: none;
    position: absolute;
    top: 0%;
    left: 91%;
    width: 8%;
}

.ans-submit-btn {
    position: absolute;
    font-size: 1.5vw;
    padding: 0.3% 2%;
    color: white;
    background-color: #3c78d8;
    border-radius: 1vw;
    border: 0.4vw solid navy;
    top: 75%;
    left: 22.5%;
    transform: translateX(-50%);
}

.number-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 85%;
    left: 10%;
    height: 98%;
    padding-bottom: 2%;
}

.number-container>div {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
}

.top-numbers>p,
.bottom-numbers>p {
    font-size: 5vw;
    text-align: center;
    width: 100%;
    letter-spacing: 2vw;
}

.negative-sign {
    font-size: 8vw;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.hint-container {
    /* display: none; */
    position: absolute;
    right: 0%;
    top: 15%;
    width: 45%;
    height: 85%;
    background-color: #ffe599;
}

.hint-title-div {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 10%;
    background-color: navy;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
/* added for right arrow to hint box */
.hint-title-div:after {
    content: '\25BA';
    left: 2%;
    position: absolute;
    font-size: 5vmin;
    pointer-events: none;
}

.hint-title {
    width: 100%;
    text-align: center;
    font-size: 2vw;
}

.hint-instruction {
    position: absolute;
    text-align: center;
    font-size: 3vmin;
    top: 10%;
    width: 100%;
    left: 0%;
    height: 20%;
}

.hint-step {
    display: none;
}

.hint-body {
    position: absolute;
    top: 30%;
    width: 100%;
    left: 0%;
    height: 70%;
}

.ans-table {
    position: absolute;
    width: 70%;
    height: 60%;
    left: 15%;
    top: 5%;
    table-layout: fixed;
}

.ans-rows {
    width: 100%;
    height: 25%;
}

.ans-data {
    position: relative !important;
    font-size: 2.5vw;
    width: 100%;
    background-clip: padding-box;
    /* border: 0.3vh solid black; */
}

.row-top .strike-item {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 0.3vh;
    height: 100%;
    background-color: black;
    z-index: 5;
}

.ans-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.row-bottom td {
    border-bottom: 0.3vh solid black;
}

.hint-nav-button {
    position: absolute;
    bottom: 5%;
    width: 40%;
    padding: 2% 1.5%;
    font-size: 1.3vw;
    border: 0.3vh solid black;
    border-radius: 1vw;
}

.next-hint {
    left: 52%;
    background-color: #f6b26b;
    border-color: #e69138;
}

.prev-hint {
    display: none;
    right: 52%;
    background-color: #ffd966;
    border-color: #f1c232;
}

.borrownum {
    color: #3d85c9;
}

.ans-highlight {
    background-color: #9fc5e8;
}

.hint-button {
    position: absolute;
    top: 23%;
    right: 0%;
    padding: 2%;
    padding-left: 4%;
    background: navy;
    display: none;
    cursor: pointer;
    color: white;
}
.hint-button:after {
    content: '\25BA';
    left: 2%;
    color: white;
    position: absolute;
    font-size: 4vmin;
    transform: scaleX(-1) translateY(-50%);
    top: 50%;
}
.hintbox {
    display: none;
}

.ans-negative-sign {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 87%;
    font-size: 7vw;
}

.correct-ans {
    background-color: greenyellow;
}

.incorrect-ans {
    background-color: hotpink;
}

.fill-submit-btn {
    position: absolute;
    top: 80%;
    left: 25%;
    transform: translateX(-50%);
    font-size: 4vh;
    padding: 0.3% 2%;
    color: white;
    background-color: #3c78d8;
    border-radius: 1vw;
    border: 0.4vw solid #1155cc;
    cursor: pointer;
}

.insidequesdata {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0%;
    left: 0%;
    height: 100%;
    background: #cccccc;
    font-size: 6vmin !important;
    text-align: center;
    color: transparent;
}
.ex-number-template-score{
  background-color: #76a5af;
}