* {
    margin: 0;
    padding: 0;
    font-family: verdana !important;
}

/* / color system / */



body{
background-color: #f9f9f9;
}



.section {
    display: flex;
    height: 100vh;
    align-items: center;
    overflow: hidden;
    padding: 0 !important;
}

.s_left {
    background-color: #ffffff;
    max-width: 240px;
    width: 100%;
    overflow-y: scroll;
    height: 100vh;
    scroll-behavior: smooth;
    overflow-x: hidden;
	padding: 0px 5px;
}

.s_right {
    display: grid;
    justify-content: center;
    width: 100%;
    text-align: center;
    /* background: url(https://www.mchamplite.com/assets/images/bg.png); */
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center;
    justify-items: center;
    align-items: end;
    align-content: space-around;
}

.header {
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
	max-width: 220px;
}

.header>a>img {
    width: auto;
    height: auto;
}

.rght_hd {
    display: flex;
    align-items: center;
}

.rght_hd>a>img {
    width: auto;
    height: 15px;
}



.live{
    display: flex;
    color: #DC143C;
    align-items: center;
    border-radius: 5px;
}


#dtournament > a{
    max-width: 220px;
}
.Live_dot {
    width: 5px;
    height: 5px;
    background-color: #DC143C !important;
    box-shadow: none !important;
    margin-right: 5px;
    display: block;
    border-radius: 50%;
}

.clr_lght {
    color: #282828;
}

.contest{
    background: #ffffff;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
	border: solid 1px #dddddd;
	max-width: 200px;
}
.contest_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 5px;
}

.contest_mid {
    justify-content: flex-start;
    margin-top: 2px;
}

.contest_mid>img {
    width: auto;
    height: 15%;
    padding: 5px;
    background: #ffffff;
    margin-right: 5px;
}

.font_sm {
    font-size: 10px;
    font-weight: 400;
}

.font_lg {
    font-size: 12px;
    font-weight: 600;
}

.contest_bottom {
    padding: 0;
    border: 0;

}

.contest_bottom>p {
    color: #343434;
}



.btn_green {
    background: #DC143C;
    color: #ffffff !Important;
    font-size: 10px;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    padding: 5px 5px;
    margin-top: 2px;
    cursor: pointer;
}

.detail_scr {
    padding: 5px 10px;
}

ul {
    padding: 5px 10px;
}

.btn_full {
    width: 100%;
}

.question {
    display: ruby;
    background: #ffffff;
    padding: 5px;
}

.clr_wht {
    color: #282828;
}

.num_ques {
    width: 20%;
    margin-right: 10px;
}

.ques {
    width: 95%;
}

.sponsored {
    text-align: center;
    margin: 10px 0;
    color: #a5a5a7 !important;
    font-size: 10px;
}

.options {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.option {
    margin-bottom: 7px;
    border: 1px solid #ffefef;
    background-color: #ffffff;
    padding: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #282828;
}
.warzone_image
{
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.right {
    background: #0DB25B;
    border: none;
}

.wrong {
    background: #FF6666;
    border: none;
}

.score {
    text-align: center;
    margin-top: 5px;
}

.scr_inf {
    background: #ffffff;
    border: 1px dashed #D32F2F;
    padding: 5px;
    margin-top: 5px;
}

.btns {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.btn_lght {
    background: #2B2E69;
    margin-right: 5px;
}

.ldrbrd {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-bottom: solid 1px #dddddd;
}

.usrnm {
    width: 50%;
	display: flex;
    align-items: center;
}

.rnk {
    width: 50%;
}

@media screen and (max-width: 600px) {
    .s_left {
        width: 100%;
    }
    .s_right {
        display: none !important;
    }
}

@media screen and (max-width: 900px) {
    .s_left {
        width: 100%;
    }
    .s_right {
        display: none !important;
    }
}

::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #00254b;
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ffe6f1;
}

.ftr {
    background: #f1f1f1;
    color: #343434 !important;
    padding: 10px 20px;
    font-size: 12px;
    margin-top: 10px;
	max-width: 220px;
}

.disclmer {
    font-size: 9px;
    font-weight: 400;
    margin: 5px 0px;
}

.qualify {
    text-align: center;
	padding: 0px 5px;
}
.qualify > img {
    width: auto;
    height: 60px;
    margin-top: 10px;
}
.qualify > h2 {
    font-size: 12px;
    font-weight: 800;
	color: #282828;
}
.qualify > h3 {
    font-size: 12px;
    font-weight: 800;
	color: #282828;
}
.qulfy {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
margin-top: 10px;
}
.txt_ql >h2 {
    font-size: 12px;
    color: #D32F2F;
}
.txt_ql > h3 {
    font-size: 14px;
	color: #282828;
}

.btn_main_green {
    background: #ffe200;
    border: none;
    font-size: 10px;
    padding: 5px;
    width: 80%;
    color: #000000;
    margin-top: 2px;
    cursor: pointer;
    text-transform: uppercase;
}
.btn_full{
	width: 80%;
}

.lifeline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lf_item {
    background: #CDD0FF;
    border: 1px solid #ffffff;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 5px;
    color: #018652;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.clkoff {
    background: #fff2f2;
    border: solid 1px #dddddd;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 5px;
    color: #D32F2F;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.nav2 {
	text-align: center;
	margin-bottom: 20px;
}

.aud_modal {
    position: absolute !important;
    min-width: 97% !important;
    border-radius: 20px !important;
    background: #ffffff;
    z-index: 999;
    margin-top: 10px;
}

.aud_modal > h2 {
    font-size: 24px;
    color: #D32F2F;
    text-align: center;
    margin: 10px;
}

.popup_modal {
    position: absolute !important;
    min-width: 97% !important;
    border-radius: 20px !important;
    background: #ffffff;
    z-index: 999;
    margin-top: 10px;
    border: 1px solid #000000;
}

.modal_claim_popop {
    position: absolute !important;
    min-width: 97% !important;
    border-radius: 20px !important;
    background: #ffffff;
    z-index: 999;
    margin-top: 10px;
    border: 1px solid #000000;
}

.modal_claim_popop > h2 {
    font-size: 24px;
    color: #018652;
    text-align: center;
    margin: 10px;
}

.popup_modal > h2 {
    font-size: 24px;
    color: #018652;
    text-align: center;
    margin: 10px;
}

.m_div {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.p_data {
    width: 100%;
    font-size: 18px;
    color: #000000;
    text-align: center;
}
.p_text {
    width: 50%;
    font-size: 18px;
    color: #000000;
    text-align: center;
}
.p_text > p {
    margin: 0;
    margin-bottom: 22px;
    color: #000000;
}
.p_data > p {
    margin: 0;
    margin-bottom: 22px;
    color: #D32F2F;
}

.cross_icon2 {
    display: flex;
    justify-content: right;
    padding: 5px;
}
.coin_inf >h2{
	font-size: 14px;
    font-weight: 800;
	color: #282828 !important;
}

.q_section {
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
    margin: 5px;
	border: solid 1px #dddddd;
}
.questn >h2 {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
	color: #282828;
}
.quly2 >.qualify > h2 {
    font-size: 9px;
    background-color: #fff5f5;
    color: #D32F2F;
    font-weight: 600;
    margin: 0;
    padding: 2px;
    border-radius: 5px;
}
.qsn2{
	margin-bottom: 10PX;
}
.rank_dis{
	color: #282828;
    text-align: center;
    margin: 5px 0;
	font-size: 12px;
}
.kbc_img{
	text-align:center;
}

.cntr_btn{
justify-content: center;
}

.feeds_data >img {
    width: auto;
    height: 90px;
    border-radius: 20px;
    border: 1px solid #ffffff;
    margin-bottom: 10px;
}


.btn_online{
display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 220px;
}
.btn_online >a{
width: 47%;
}
.btn_online >a >button{
width: 100%;
}

.btn_online >button{
    width: 45%;
    padding: 5px 10px;
    }
.rbk_rght{
text-align: right;
}

.s_left >p{
color: #343434;
}

.hghlght{
    background: #0db25b;
    color: #ffffff;
    font-weight: 700;
}

.disclmer  >p{
	color: #282828;
}
.tme_start{
    font-size: 12px;
    color: #DC143C;
	font-weight: 600;
}

a{
    text-decoration: none !important;
}

.btn_yello{
    background: #FFEAEE !important;
    color: #DC143C !important;
}
.ctr{
	text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 5px;
	max-width: 220px;
}
.ctr >a {
	width: 100%;
    display: block;
    margin: 5px;
}
.ctr >button {
	width: 100%;
    display: block;
    margin: 5px;
	opacity: 0.5;
}
.btn_antr{
    text-align: center;
    margin-top: 5px;
}
.btn_pagain{
    background:#2f3387;
   
}

.new {
    color: #ffffff !important;
    background: #ff0000 !important;

}

.warzone_image >img{
	width: 100%;
}

.btn_online>input{
    width: 45%;
}
.pnts{
	color:#DC143C;
	font-size: 10px;
    font-weight: 600;
	background: #FFEAEE;
    padding: 5px;
	margin-right: 5px;
}

/* added on 30/01/2024 */

.main_container{
    padding: 10px;
}

.s_left >p {
    color: #343434;
}

.btn_green2 {
    background: #FFEAEE;
    color: #DC143C ;
    font-size: 10px;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    padding: 5px 5px;
    margin-top: 2px;
    cursor: pointer;
}
.active{
    background: #DC143C;
    color: #ffffff;
}
.quizzs_listing{
	max-width: 220px;
}
.d_flex{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
	max-width: 220px;
}
.quizzes_lop {
	justify-content: space-between;
    align-items: center;
}
.w_100{
    width: 49%;
}
.mt_10{
    margin-top: 10px;
}
a{
    text-decoration: none;
}

.icon_sm{
    width: 90%;
    height: 90%;
}
.font_md{
    font-size: 10px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;

}
.items_card{
    text-align: center;
    width: 32%;
    margin-bottom: 10px;
}

.user_played{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.user_played >img{
	width: auto;
	height: 10px;
}

.quiz_ic_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}


.main_body_area {
    padding: 0px 10px;
	align-items: center;
	margin-top:10px;
}

.mt_70{
	margin-top: 10px;
}

.pd_none{
	padding: 0 !important;
}

.quiz_nm223 {
    margin-left: 20px;
}
.q_name {
    margin: 0;
    margin-bottom: 10px;
}
.l_ttl {
    font-size: 14px;
    font-weight: bold;
}
.icon_smn {
    width: 30%;
    height: 30%;
	}
.btn_inf_pl {
    padding: 10px 20px;
    width: 100%;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(#10ff00, #008b06);
    color: #ffffff;
    border: 1px solid #89ff00;
	cursor: pointer;
}
.quiz_description{
    font-size: 12px;
    margin: 10px 0px;
    font-weight: 300;
	border-bottom: 1px solid #595959;
	border-top: 1px solid #595959;
	padding: 10px 0px;
}
a{
color: #282828 !important;
}


.input_user{
	width: 94%;
    padding: 10px;
    font-size: 10px;
    font-weight: 600;
    padding: 5px 5px;
    margin-top: 2px;
}

.usnrname{
	color: #dc143c !important;
}

#err_msg{
	font-size: 10px;
	color: #DC143C;
	display:none;
}
#profile_btn_green{
	margin-top: 10px;
}

.gold{
	background: #f3d353;
}
.silver{
	background: #e3e3e3;
}
.cooper{
	background: #ff9d42;
}