/* intro page css */
            
            .introduction-logo-img {
                max-height: 45vh;
            }
            /* end intro page css */
            /* questioncss releted changes */
            
            .game-based-temp .right-panel {
                height: 100%;
                padding: 5% 5% 0 5%;
                background-color: transparent;
                box-shadow: inset 0px 0px 13px #41354829;
            }
            
            .game-based-temp .right-panel .question-text {
                margin-top: 10%;
            }
            
            .game-based-temp .text-sec ul {
                margin-bottom: 80px;
            }
            /* End questioncss releted changes */
            
            .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background-color: #4433DB !important;
            }
            
            .bonus_progressBar {
                height: 8px;
                width: 100%;
                border: 1px solid #000;
                background-color: #000;
                border-top: 0px;
            }
            
            .progressBar_val {
                background: transparent linear-gradient(90deg, #D71673 0%, #DDA812 100%) 0% 0% no-repeat padding-box;
                height: 8px;
                width: 0;
            }
            
            .bonus_section {
                position: absolute;
                top: 7%;
                width: 50%;
                right: 7%;
                z-index: 1;
                left: 50%;
                transform: translate(-50%, 0px);
            }
            
            .bonus_val_abs {
                position: absolute;
                /* padding: 0px 10px; */
                color: black;
                /* border-radius: 10px; */
                margin: 0 auto;
                text-align: center;
                top: -7px;
                left: 0px;
                min-width: 25px;
                height: 20px;
                /* background: url(../images/downarrowbonus.svg); */
                background-size: 100% 100%;
                background-repeat: no-repeat;
                font-size: 14px;
                padding-top: 2px;
                padding-left: 5px;
                padding: 0px 10px 7px 10px;
                background-color: #00ccff;
                color: #000;
                font-weight: 600;
                border-radius: 5px;
            }
            
            .triangle-left {
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-right: 8px solid #00ccff;
                border-bottom: 5px solid transparent;
                position: absolute;
                left: -7px;
                top: -1.5px;
            }
            
            .staticValZero {
                position: absolute;
                top: -25px;
                left: -5px;
                color: white;
            }
            
            .squreIconcls {
                height: 10px;
                width: 10px;
                background-color: black;
                top: -5px;
                z-index: -5;
            }
            
            .squreIcon1 {
                position: absolute;
                left: 0;
            }
            
            .squreIcon2 {
                position: absolute;
            }
            
            .squreIcon3 {
                position: absolute;
                right: 0;
            }
            
            .popup_spin {
                display: none;
                position: absolute;
                left: 50%;
                top: 65%;
                transform: translate(-50%, -65%);
                padding: 12px;
                color: black;
                font-weight: 600;
                z-index: 999;
                border-radius: 10px;
                background: transparent linear-gradient(270deg, #F2E527 0%, #FAFFBA 50%, #F2E527 100%) 0% 0% no-repeat padding-box;
                box-shadow: 0px 3px 6px #00000029;
            }
            
            .levelStatusMesg {
                display: none;
                background: white;
                position: fixed;
                top: 40%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 9999999999999;
                width: 30%;
                height: auto;
                /* background: transparent linear-gradient(180deg, #FEDD8E 0%, #E7B844 100%) 0% 0% no-repeat padding-box; */
                background: url(../images/level-achieved.png);
                background-size: 100% 100%;
                text-align: center;
                padding: 5px 0 2%;
                border-radius: 15px;
            }
            
            .levelmesg {
                color: white;
                font-size: 12px;
                width: max-content;
            }
            /* .levelCompletedMesgHead {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    top: -11%;
    width: 100%;
    color: white;
} */
            
            .levelCongratutionMesg {
                font-family: Playball;
                font-style: italic;
                font-size: 24px;
                color: #F0850C;
                font-weight: 600;
                padding: 30% 0 3%;
            }
            
            .levelCompletedSubText {
                font-size: 18px;
                font-weight: 700;
            }
            /* .clsdivHeadImg {
    position: absolute;
    top: -15%;
    width: 100%;
} */
            
            .clsdivHeadImg img {
                width: 80%;
            }
            
            .scoreText {
                padding: 5% 0% 1%;
                color: #C34812;
                font-weight: 600;
                font-size: 16px;
            }
            
            .scoreVal {
                padding: 5px 10px;
                background: #06ABA5;
                width: 20%;
                margin: 0 auto;
                border-radius: 15px;
                color: white;
                border: 1.5px solid white;
                font-size: 20px;
                font-weight: 600;
            }
            
            .endGame {
                position: absolute;
                right: 5%;
                bottom: 12%;
                /* transform: translate(-50%, 0); */
                color: #fff !important;
                background: transparent !important;
                font-weight: 500 !important;
                border: 1px solid #fff;
                pointer-events: auto;
                z-index: 999999999999999999999999;
                padding: 10px 15px !important;
                border-radius: 5px;
                font-size: 16px;
            }
            
            .gamezone .container {
                width: 370px;
                height: 370px;
                background-color: white;
                border-radius: 50%;
                border: 15px solid transparent;
                position: relative;
                overflow: hidden;
                /*     animation: spin 4s linear infinite;
    animation-play-state: paused; */
                margin: 0 auto;
                /* transition: 0.4s linear all; */
                /* transition: 0.2s ease forward; */
                /* animation-delay: 2s; */
            }
            
            .gamezone .container div {
                height: 50%;
                width: auto;
                min-width: 72px;
                position: absolute;
                -webkit-clip-path: polygon(100% 0, 50% 100%, 0% 0);
                clip-path: polygon(100% 0, 50% 100%, 0% 0);
                transform-origin: bottom;
                text-align: center;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                font-weight: bold;
                font-family: sans-serif;
                color: #fff;
                left: calc(50% - 27px);
                padding-top: 7px;
                font-weight: 600;
                /* background: linear-gradient(to top, #F16C22 0%, #F16C22 20%, #FFB824 80%, #F16C22 100%); */
            }
            
            .gamezone .container .numblack::after {
                background: #000 !important;
            }
            
            .gamezone .container .num:nth-child(odd) {
                /* background-image: linear-gradient(#F16C22, yellow); */
                background-color: #D2D4E0;
                color: #182A6B;
            }
            
            .gamezone .container .num:nth-child(even) {
                background-color: #425599;
            }
            
            .gamezone .container .num-5 {
                background-color: #08B6A4 !important;
                font-size: 13px;
            }
            
            .gamezone .container .num-10 {
                background-color: #04c739 !important;
                font-size: 14px;
            }
            
            .gamezone .container .num-15 {
                background-color: #eca03c !important;
                color: black !important;
                font-size: 14px;
            }
            
            .gamezone .container .num-20 {
                background-color: #c20000 !important;
                color: white !important;
                font-size: 13px;
            }
            
            .spinValueNum {
                writing-mode: vertical-rl;
                text-orientation: upright;
            }
            
            .targetValue {
                padding: 15px;
                background-color: #EA520C;
                color: white;
                margin: 0 auto;
                font-size: 16px;
                text-align: center;
                margin-bottom: -20px;
                padding-bottom: 30px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                position: absolute;
                top: 27%;
                left: 50%;
                transform: translate(-50%, 0px);
                display: none;
            }
            
            .div_arrow_selector {
                position: absolute;
                left: 50%;
                transform: translate(-50%, 0px);
                z-index: 99999999;
                text-align: center;
                margin-top: -1%;
            }
            
            .div_arrow_selector .arrow_img {
                width: 70%;
            }
            
            .roulet_round {
                background: url("../images/roulet_round.png");
                background-position: 100% 100%;
                background-size: cover;
                height: 400px;
                width: 400px;
                position: absolute;
                margin: 0 auto;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 999;
            }
            /* .container .num:nth-child(1) {
	transform: rotate(18deg);
}

.container .num:nth-child(2) {
	transform: rotate(36deg);
}

.container .num:nth-child(3) {
	transform: rotate(54deg);

}

.container .num:nth-child(4) {
	transform: rotate(72deg);

}

.container .num:nth-child(5) {
	transform: rotate(90deg);

} */
            /* .container .num:nth-child(6) {
	transform: rotate(108deg);

}

.container .num:nth-child(7) {
	transform: rotate(126deg);

}

.container .num:nth-child(8) {
	transform: rotate(144deg);

}

.container .num:nth-child(9) {
	transform: rotate(162deg);

}

.container .num:nth-child(10) {
	transform: rotate(180deg);

}

.container .num:nth-child(11) {
	transform: rotate(198deg);

}

.container .num:nth-child(12) {
	transform: rotate(216deg);

}

.container .num:nth-child(13) {
	transform: rotate(234deg);

}

.container .num:nth-child(14) {
	transform: rotate(252deg);

}

.container .num:nth-child(15) {
	transform: rotate(270deg);

}

.container .num:nth-child(16) {
	transform: rotate(288deg);

}

.container .num:nth-child(17) {
	transform: rotate(306deg);

}

.container .num:nth-child(18) {
	transform: rotate(324deg);

}

.container .num:nth-child(19) {
	transform: rotate(342deg);

}

.container .num:nth-child(20) {
	transform: rotate(360deg);
} */
            
            @keyframes spin {
                100% {
                    transform: rotate(360deg);
                }
            }
            
            .gamezone .container.spin-it {
                animation-play-state: running;
            }
            
            .gamezone .container.spin-stop {
                animation-play-state: paused;
            }
            
            .arrow {
                position: absolute;
                top: 10px;
                color: #fff;
                z-index: 8;
            }
            
            .arrow::before {
                content: "\1F817";
                font-size: 50px;
            }
            
            #spin {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                cursor: pointer;
                outline: none;
                /* letter-spacing: 1px; */
                display: block;
                pointer-events: none;
                background: url(../images/button-disable.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                height: 80px;
                width: 80px;
                border: none;
                z-index: 99999999999999999999999999;
                /* border-radius: 50%;
                border: 10px solid #384882;
                color: white;
                font-weight: 600;
                background-color: #a2a2a2; */
            }
            
            .spinspan {
                color: white;
                height: 60px;
                width: 60px;
                margin: 0 auto;
                background: transparent;
                border-radius: 50%;
                /* transform: translateY(0px) translateZ(0px); */
                /* box-shadow: 5px 5px 0 #20294b; */
                /* box-shadow: 0 0 10px #000; */
                margin-top: 5%;
                margin-left: 13%;
            }
            
            .spintext {
                display: none;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 14px;
            }
            
            .spinspan:hover {
                /* height: 90px;
                width: 90px; */
                /* box-shadow: 0 0px 0 #20294b; */
                /* box-shadow: 0 0 0px #000;
                transform: scale(0.9); */
            }
            /* #spin .btnspinspan {
                box-shadow: 0 5px 0 #0a7237;
            } */
            
            #spinStop {
                position: absolute;
                top: 75%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 10;
                background: transparent;
                border: none;
                z-index: 999999;
                display: none;
            }
            
            #spinStop img {
                width: 75%;
            }
            
            .gamezone .information-panel {
                display: flex;
                align-items: center;
            }
            
            .visited_popup {
                background-color: #470143;
                color: white;
                padding: 30px 15px;
                width: 70%;
                text-align: center;
                position: absolute;
                margin: 0 auto;
                z-index: 9999999999999;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                border: 2px solid white;
                border-radius: 10px;
                font-size: 16px;
                display: none;
            }
            
            .close_btn {
                position: absolute;
                right: -15px;
                top: -15px;
                padding: 3px;
                cursor: pointer;
                z-index: 9999999999999;
                width: 30px;
                height: 30px;
                border: 1px solid white;
                color: #470143;
                background: white;
                border-radius: 50%;
                font-weight: 600;
                display: none;
            }
            
            .clscongra {
                background-color: #470143;
                color: white;
                padding: 30px 15px;
                width: 40%;
                text-align: center;
                position: fixed;
                margin: 0 auto;
                z-index: 9999999999999;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                border: 2px solid white;
                border-radius: 10px;
                font-size: 2rem;
                display: none;
            }
            
            .close_btn_congra {
                position: absolute;
                right: -15px;
                top: -15px;
                padding: 3px;
                cursor: pointer;
                z-index: 9999999999999;
                width: 30px;
                height: 30px;
                border: 1px solid white;
                color: #470143;
                background: white;
                border-radius: 50%;
                font-weight: 600;
                font-size: 1rem;
                display: none;
            }
            
            .feedback-popup .footer-bottom-div {
                padding-left: 15px;
            }
            
            .feedback-popup .question-text {
                overflow: auto;
            }
            
            .sidepanel-close-button svg line {
                stroke: #000;
            }
            
            .result-screen .inner-container {
                padding-top: 0 !important;
            }
            
            .logo_result {
                margin-bottom: 2% !important;
            }
            
            .info-div ul {
                margin-bottom: 2% !important;
            }
            
            .btnviewanswer {
                opacity: 0;
                width: 0;
            }
            
            li.point img {
                width: 45px;
                height: 50px;
            }
            
            @media screen and (min-width: 1400px) {
                .targetValue {
                    position: absolute;
                    top: 26%;
                }
                #spinStop {
                    top: 48%;
                }
            }
            
            @media screen and (min-width: 1350px) and (max-width: 1399px) {
                .targetValue {
                    position: absolute;
                    top: 9%;
                }
                #spinStop {
                    top: 46%;
                }
                #spinStop img {
                    width: 80%;
                }
            }
            
            @media screen and (min-width: 1200px) and (max-width: 1349px) {
                .targetValue {
                    position: absolute;
                    top: 5%;
                }
            }
            
            @media only screen and (min-width: 1100px) and (max-width: 1130px) and (orientation: landscape) {
                .game-based-temp .right-panel .question-text {
                    margin-top: 15%;
                }
                .game-based-temp .question-text .question-text-scroll {
                    padding-bottom: 35%;
                }
            }
            
            @media only screen and (max-width: 1024px) and (orientation: landscape) {
                .targetValue {
                    position: absolute;
                    top: 16.5%;
                }
                #spinStop {
                    top: 47%;
                }
                .game-based-temp .right-panel .question-text {
                    margin-top: 15%;
                }
                .bonus_section {
                    width: 65%;
                }
                .game-based-temp .question-text .question-text-scroll {
                    padding-bottom: 10%;
                }
                .gamezone .container div {
                    font-size: 18px;
                    left: calc(50% - 25px);
                }
                .gamezone .container .num-5 {
                    font-size: 14px;
                }
                .gamezone .container .num-10 {
                    font-size: 14px;
                }
                .gamezone .container .num-15 {
                    font-size: 14px;
                }
                .gamezone .container .num-20 {
                    font-size: 14px;
                }
                .div_arrow_selector .arrow_img {
                    width: 70%;
                }
                .gamezone .container .num-20 .spinValueNum {
                    font-size: 13px !important;
                }
                .gamezone .container .num-5 .spinValueNum {
                    font-size: 13px !important;
                }
            }
            
            @media only screen and (max-width: 1024px) and (orientation: portrait) {
                .targetValue {
                    position: absolute;
                    top: 25%;
                }
                #spinStop {
                    top: 48%;
                }
                .clscongra {
                    width: 80%;
                }
                .gameMessage {
                    display: none;
                }
                .bonus_section {
                    position: fixed;
                    top: 6%;
                    width: 40%;
                    /* right: 3%; */
                    z-index: 1;
                    left: 65%;
                    transform: translate(-50%, 0px);
                }
                .game-based-temp .right-panel .question-text {
                    margin-top: 20%;
                    padding: 0 35px;
                }
                .question-count span {
                    font-size: 14px !important;
                }
                .top-tool-elements {
                    left: 4%;
                }
                .game-based-temp .question-text .question-text-scroll {
                    max-height: calc(100vh - 230px);
                    min-height: 30vh;
                    overflow-x: hidden;
                    overflow-y: auto;
                    height: 100%;
                    padding-bottom: 5%;
                }
                .roulet_round {
                    height: 430px;
                    width: 430px;
                }
                .gamezone .container {
                    height: 400px;
                    width: 400px;
                }
                .popup_spin {
                    left: 50%;
                    top: 58%;
                    transform: translate(-50%, -58%);
                }
                .endGame {
                    right: 50%;
                    transform: translate(50%, 0);
                }
                .gamezone .container .num-5 .spinValueNum {
                    font-size: 14px !important;
                }
                .gamezone .container .num-20 .spinValueNum {
                    font-size: 14px !important;
                }
                /* .gamezone .container .num-1,
                .gamezone .container .num-2,
                .gamezone .container .num-3,
                .gamezone .container .num-4,
                .gamezone .container .num-6,
                .gamezone .container .num-7,
                .gamezone .container .num-8,
                .gamezone .container .num-9,
                .gamezone .container .num-11,
                .gamezone .container .num-12,
                .gamezone .container .num-13,
                .gamezone .container .num-14,
                .gamezone .container .num-16,
                .gamezone .container .num-17,
                .gamezone .container .num-18,
                .gamezone .container .num-19 {
                    padding-top: 16px;
                } */
            }
            
            @media only screen and (min-width: 900px) and (max-width: 998px) and (orientation: landscape) {
                .roulet_round {
                    height: 285px;
                    width: 285px;
                }
                .gamezone .container {
                    height: 275px;
                    width: 275px;
                }
                #spinStop img {
                    width: 50%;
                }
                .gameMessage {
                    display: none;
                }
                .endGame {
                    bottom: 18%;
                }
                .levelmesg {
                    font-size: 12px !important;
                }
                .spinValueNum {
                    font-size: 12px !important;
                }
                .div_arrow_selector .arrow_img {
                    width: 50%;
                }
                .question-count span {
                    font-size: 14px !important;
                }
                .gamezone .container .num-5 .spinValueNum {
                    font-size: 11px !important;
                }
                .gamezone .container .num-10 .spinValueNum {
                    font-size: 11px !important;
                }
                .gamezone .container .num-15 .spinValueNum {
                    font-size: 11px !important;
                }
                .gamezone .container .num-20 .spinValueNum {
                    font-size: 9.5px !important;
                }
                .popup_spin {
                    top: 60%;
                }
                #spin {
                    height: 60px;
                    width: 60px;
                }
                .spinspan {
                    height: 45px;
                    width: 45px;
                }
                .popup_spin {
                    top: 63%;
                    z-index: 9999999;
                }
                .gamezone .container div {
                    left: calc(50% - 20px);
                }
            }
            
            @media only screen and (min-width: 600px) and (max-width: 653px) and (orientation: portrait) {
                .roulet_round {
                    height: 400px;
                    width: 400px;
                }
                .gamezone .container {
                    height: 370px;
                    width: 370px;
                }
                #spinStop img {
                    width: 50%;
                }
                .gameMessage {
                    display: none;
                }
                .endGame {
                    bottom: 10%;
                }
                .levelmesg {
                    font-size: 12px !important;
                }
                .bonus_section {
                    left: 66%;
                }
                .question-count span {
                    font-size: 12px !important;
                }
                .gamezone .container .num-5 .spinValueNum {
                    font-size: 12px !important;
                }
                .gamezone .container .num-10 .spinValueNum {
                    font-size: 12px !important;
                }
                .gamezone .container .num-15 .spinValueNum {
                    font-size: 12px !important;
                }
                .gamezone .container .num-20 .spinValueNum {
                    font-size: 12px !important;
                }
                .popup_spin {
                    top: 63%;
                    z-index: 999999;
                }
            }
            
            @media only screen and (min-width: 500px) and (max-width: 767px) and (orientation: portrait) {
                .targetValue {
                    position: absolute;
                    top: 23%;
                }
                .gameMessage {
                    display: none;
                }
            }
            
            @media only screen and (max-width: 480px) and (orientation: portrait) {
                .targetValue {
                    position: absolute;
                    top: 20%;
                }
                .gamezone .container {
                    height: 285px;
                    width: 285px;
                }
                .roulet_round {
                    height: 300px;
                    width: 300px;
                }
                #spinStop img {
                    width: 50%;
                }
                .gameMessage {
                    display: none;
                }
                .endGame {
                    bottom: 16%;
                }
                /* question text */
                .bonus_section {
                    position: fixed;
                    top: 13%;
                    width: 75%;
                    z-index: 1;
                    left: 42%;
                    transform: translate(-50%, -15%);
                }
                .top-tool-elements {
                    left: 50%;
                    top: 2%;
                    transform: translate(-50%, 2%);
                    width: max-content;
                }
                .game-based-temp .right-panel .question-text {
                    margin-top: 50%;
                }
                .game-based-temp .question-text .question-text-scroll {
                    min-height: 100%;
                    max-height: 100%;
                }
                .game-based-temp .text-sec ul {
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
                .footer-bottom-div {
                    background: #260e6a;
                }
                /* end question text */
                .question-count span {
                    font-size: 14px !important;
                }
                .game-based-temp .right-panel .question-text {
                    margin-top: 45%;
                }
                .gamezone .container div span {
                    font-size: 10px !important;
                }
                .gamezone .container .num-5 .spinValueNum {
                    font-size: 8px !important;
                }
                .gamezone .container .num-10 .spinValueNum {
                    font-size: 9px !important;
                }
                .gamezone .container .num-15 .spinValueNum {
                    font-size: 10px !important;
                }
                .gamezone .container .num-20 .spinValueNum {
                    font-size: 8px !important;
                }
                .div_arrow_selector .arrow_img {
                    width: 50%;
                }
                .game-based-temp .feedback-text-display {
                    max-height: 10vh;
                }
                .game-based-temp .question-text .question-text-scroll {
                    padding-bottom: 20%;
                }
                .endGame {
                    right: 50%;
                    transform: translate(50%, 0);
                }
                .popup_spin {
                    width: 60%;
                    text-align: center;
                    top: 60%;
                    z-index: 999999;
                }
                .gamezone .container div {
                    left: calc(50% - 20px);
                }
            }
            
            @media only screen and (max-width: 801px) and (orientation: landscape) {
                .targetValue {
                    position: absolute;
                    top: 0%;
                    padding-top: 7px;
                }
                .roulet_round {
                    height: 260px;
                    width: 260px;
                }
                #spinStop img {
                    width: 50%;
                }
                #spinStop img {
                    width: 50%;
                }
                .gameMessage {
                    display: none;
                }
                .endGame {
                    left: 75%;
                    bottom: 16%;
                }
            }
            
            @media screen and (min-width: 320px) and (max-width: 900px) and (orientation: landscape) {
                .bonus_section {
                    position: fixed;
                    top: 10%;
                    width: 30%;
                    right: 4%;
                    z-index: 1;
                    left: 70%;
                    transform: translate(-35%, 0px);
                    background: #250c67;
                }
                .levelmesg {
                    font-size: 12px !important;
                }
                .game-based-temp .widget-card {
                    height: 100%;
                }
                .game-based-temp .question-text .question-text-scroll {
                    padding-bottom: 10%;
                    max-height: 100%;
                    min-height: 100%;
                    overflow-x: hidden;
                    overflow-y: auto;
                }
                .footer-bottom-div {
                    background: #250d67;
                }
                .question-count span {
                    font-size: 14px !important;
                }
                .game-based-temp .right-panel .question-text {
                    margin-top: 8%;
                    padding: 0;
                }
                .gamezone .container {
                    height: 250px;
                    width: 250px;
                }
                #spin {
                    width: 60px;
                    height: 60px;
                }
                .spinspan {
                    width: 45px;
                    height: 45px;
                }
                .gamezone .container div span {
                    font-size: 10px !important;
                }
                .gamezone .container .num-5 .spinValueNum {
                    font-size: 7.5px !important;
                }
                .gamezone .container .num-10 .spinValueNum {
                    font-size: 8px !important;
                }
                .gamezone .container .num-15 .spinValueNum {
                    font-size: 8px !important;
                }
                .gamezone .container .num-20 .spinValueNum {
                    font-size: 7.5px !important;
                }
                .div_arrow_selector .arrow_img {
                    width: 50%;
                }
                .top-tool-elements {
                    left: 5%;
                }
                .footer-bottom-div .btn {
                    margin-left: 5%;
                }
                .feedback-text-display {
                    width: 95%;
                    margin-right: 5%;
                }
                .popup_spin {
                    top: 67%;
                    transform: translate(-50%, -67%);
                    z-index: 999999;
                }
                .feedback-popup .footer-bottom-div .btn {
                    margin-left: 0;
                }
                .popup_spin {
                    padding: 10px;
                }
                .spintext {
                    font-size: 12px;
                }
                .gamezone .container div {
                    left: calc(50% - 17px);
                }
                /* .gamezone .container .num-1,
                .gamezone .container .num-2,
                .gamezone .container .num-3,
                .gamezone .container .num-4,
                .gamezone .container .num-6,
                .gamezone .container .num-7,
                .gamezone .container .num-8,
                .gamezone .container .num-9,
                .gamezone .container .num-11,
                .gamezone .container .num-12,
                .gamezone .container .num-13,
                .gamezone .container .num-14,
                .gamezone .container .num-16,
                .gamezone .container .num-17,
                .gamezone .container .num-18,
                .gamezone .container .num-19 {
                    padding-top: 12px;
                } */
            }